I get following errors when integrating Ngx Zendesk WebWidget into an existing Angular 11 app:
Error: ./node_modules/ngx-zendesk-webwidget/fesm2015/ngx-zendesk-webwidget.mjs 108:33-55
Can't import the named export 'ɵɵngDeclareNgModule' from non EcmaScript module (only default export is available)
I tried Angular 12 and I managed to integrate the widget successfully, however our current app is using Angular 11 and the errors persist.
So far, I've tried reinstalling widget package, deleting package/yarn-lock.json as per SO suggestion, updating Babel package, updating webpack package, updating webpack config, changing angular builders using built in devkit, running npm update, downgrading of some packages, it throws the same errors.
Has anyone ran into this issue?
Kind regards
Ngx Zendesk Webwidget not working in Angular 11
I had the same problem. I started going down the path of adding a custom webpack builder to add the proper configuration (https://stackoverflow.com/questions/69343038/cant-import-the-named-export-xxxx-from-non-ecmascript-module-only-default-expo).
However, it is probably easier to upgrade to angular 12.
Login to the community
No account yet? Create an account
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.