Angular AI Assist View Not Working In Angular 18

[satyamfundae]

I am trying to integrated https://ej2.syncfusion.com/angular/demos/#/fluent2/ai-assistview/default.

AI-Assist View Component in My Angular 18 Project but troughing below error and chatbot window is not open.

[VigneshwaranGovindharajan]

Hi Satyam,

Sorry for the delay in getting back to you.

Based on the details provided, the reported issue occurs due to package duplication. To prevent this, ensure that all Syncfusion packages in your application use the same major version. Syncfusion licenses are version-specific, and using multiple major versions (e.g., 26.2.X and 27.1.X) within the same application can lead to version conflicts and package duplication.

To maintain consistency, update all Syncfusion packages to the same major version (e.g., 27.1.X) and use the ~ symbol instead of ^ in package.json. This best practice helps avoid unintended major version upgrades while still allowing the latest patch updates within the current version.

Steps to resolve the issue:

1. Delete the @syncfusion folder from node_modules and remove the package-lock.json file from the root directory.
2. Clear the npm cache by running: npm cache clean --force
3. Update all Syncfusion packages to the same major version in package.json. For example, if using version 27.1.XX, ensure all Syncfusion components match this version.
4. Run the following command to reinstall the Syncfusion packages: npm install

Please check and let us know if you need further assistance.

Regards,
Vigneshwaran