Getting error "...is not a known element" when upgraded angular version from 8.2 to 15

[Shradha]

Hi Team,

We are using various Syncfusion controls in our angular application such as grid, charts, toasts, etc. All of these Syncfusion controls were working fine on angular version 8.2 but after upgrading the application version to angular version 15. We are getting errors for the Syncfusion controls like "...is not a known element" on build of the application. We have also updated the node modules packages of the application to their latest versions. (Attached file is our package.json file)

Here we have attached the screenshots of errors produced on build of the application.

Are we doing something wrong here or the angular version 15 is not compatible with these Syncfusion controls?

Regards

Shradha Chauhan

Attachment: package_94f3b1c2.zip

[Pavithra Subramaniyam]

Hi Shradha,

We suspect that the issue occurs due to not adding the NgModule definition for Syncfusion components in app.component.ts.  To confirm this, we have attached the screenshot of the issue replication reported by the customer. Please refer to the below screenshot. 

  

The issue was resolved when the NgModule definition for the Grid component was added in app.component.ts. Please refer to the below documentation link for more information.

https://helpej2.syncfusion.com/angular/documentation/grid/module 

Regards,

Pavithra S