Integrating Angular 9 app with Liferay 7.x portlet

#liferay #javascript

Hello!

I have an Angular 9 app that I would like to make accessible via Liferay 7.x portlet.

When I follow these steps, deploy my portlet and try to render it, I run into issues (reported as JavaScript errors in the browser console):

"Can't bind to 'X' since it isn't a known property of 'Y'.
"'X' is not a known element:

A. If 'X' is an Angular component, then verify that it is part of this module.

B. If 'X' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message."
The problem is that as far as I can see the modules in question are properly annotated and listed as exports, declarations, etc.

I would appreciate help with resolving these issues. I am happy to jump on a Zoom to demonstrate the details of my config.

Thank you!

Build Your Own Forms without Manual Coding

SurveyJS UI libraries let you build a JSON-based form management system that integrates with any backend, giving you full control over your data with no user limits. Includes support for custom question types, skip logic, an integrated CSS editor, PDF export, real-time analytics, and more.

Learn more