Issue
After updating an Angular portlet from v12 to v13 it can no longer be viewed and the browser console logs display a liferay-amd-loader error.
Environment
- DXP 7.0, DXP 7.1, DXP 7.2, DXP 7.3, DXP 7.4
Resolution
This is expected behavior, considering that Liferay JS toolkit is incompatible with Angular 13's Ivy Engine. Liferay is currently building an Angular project that liferay-cli can build and package as a custom-element remote application for Liferay 7.4.
Additional Information:
When the project becomes available (tbd), please note that deploying Angular 13 portlets to Liferay DXP would require planning with the following in mind:
- This is a new approach to handling Angular Portlets and is distinct and separate from the current Liferay JS Toolkit, and solely planned for implementation in Liferay 7.4. Feature parity between the solution in development and the existing JS toolkit cannot be guaranteed.
- The solution currently in development is reliant on custom-element remote apps, which currently only exist in 7.4, making it incompatible with older versions.
- We predict that changes to the source code of older modules would be needed in order to migrate them into angular 13 by using the solution currently under development.
- In order to use the solution under development, would require migration to Liferay 7.4, unless it is adapted to earlier versions.
Related Articles