Integrating Angular 9 app with Liferay 7.x portlet

Jamie Sammons, modified 3 Years ago. New Member Posts: 3 Join Date: 3/10/22 Recent Posts

Hello! 

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

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

  1. "Can't bind to 'X' since it isn't a known property of 'Y'.
  2. "'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!