After upgrade to Angular 19 and Kendo UI 18 all component are unknown

[Maurizio]

Hello,

we are updating an angular application from angular 16 ant Kendo UI 14

All the update worked fine and actually we are in angular 18 and Kendo UI 16

Now if I try to update KendoUI to version 18.1.0 (the lastone) all telerik controller became "unknown".

I have tried clear the node_modules folder, clear angular cache, restarted visual studio code...but never.

Now we are back to Angular 18/Kendo UI 16.

Thanks for any helps or idea

Maurizio

[Zornitsa]

Hi Maurizio,

To avoid any potential misunderstandings, I want to first mention that I am not sure I fully understand what is meant by "unknown" when you are referring to the Kendo UI for Angular components after performing an update to the latest v18.1.0 release.

On that note, can you please elaborate more on this statement, i.e. are the components not recognized by the application, are they for example not rendered correctly or not rendered at all? In addition, are there any errors in the project that might indicate a possible reason for the experienced behavior? Thank you in advance for your cooperation.

Nevertheless, I will try to provide some general troubleshooting steps that might help resolve the issue of Kendo UI for Angular components becoming "unknown" after updating to version 18.1.0:

Check Package Versions

Ensure that all Kendo UI for Angular packages are updated to version 18.1.0 in your package.json file and make sure there are no version mismatches. To be more comprehensive, it is required that all installed Kendo UI for Angular packages in a project must have the same version reference to avoid any discrepancies between versions.

Here is an example of how the dependencies should look:

"dependencies": {
  "@progress/kendo-angular-dateinputs": "18.1.0",
  "@progress/kendo-angular-dropdowns": "18.1.0",
  "@progress/kendo-angular-inputs": "18.1.0",
   ...
}

Required Peer Dependencies

Make sure that all required peer dependencies of the installed Kendo UI for Angular packages are also installed in the application. For reference, I am linking below an article that lists the required dependencies of the Grid package:

• https://www.telerik.com/kendo-angular-ui/components/grid/installation/dependecies-and-utils#kendo-angular-grid-dependencies 
  

Kendo Themes Version

Please verify whether the Kendo Themes version has also been updated to a supported one correspondingly:

• https://www.telerik.com/kendo-angular-ui/components/styling#compatibility-and-maintenance 

This information can be found in our Changelogs article in the Supported Themes section under each release. For v18.1.0 particularly, the supported Kendo Themes version is v10.2.0:

• https://www.telerik.com/kendo-angular-ui/components/changelogs/kendo-angular-ui#v18.1.0
  

Check Module Imports

Verify that all Kendo UI for Angular modules needed for the utilized components are correctly imported in your NgModule or whether the corresponding utility arrays are imported in the Angular component if standalone components are used:

• Using NgModules - https://www.telerik.com/kendo-angular-ui/components/installation/using-modules#manual-setup 
• Using standalone components - https://www.telerik.com/kendo-angular-ui/components/grid/installation/getting-started#installing-the-component 

Clear Cache and Reinstall 

You could also reattempt deleting the node_modules folder and package-lock.json file of your project, and then reinstall all dependencies afresh using `npm install`.

If the issue persists, please provide more details on the particular setup of the application, and any specific error messages or logs you encounter during the update process. This information will help in diagnosing the problem further and providing more tailored suggestions on the matter.

Regards,
Zornitsa
Progress Telerik