not able to compile with angular 11

[rajesh guptaParticipant]

I am not able to compile with angular 11. I am using node 16 on ubuntu.
Here is my package.json
“dependencies”: {
“@angular/animations”: “~11.1.1”,
“@angular/common”: “~11.1.1”,
“@angular/compiler”: “~11.1.1”,
“@angular/core”: “~11.1.1”,
“@angular/fire”: “^6.1.4”,
“@angular/forms”: “~11.1.1”,
“@angular/localize”: “^11.1.1”,
“@angular/platform-browser”: “~11.1.1”,
“@angular/platform-browser-dynamic”: “~11.1.1”,
“@angular/router”: “~11.1.1”,
“@kolkov/angular-editor”: “^1.1.2”,
“@ng-bootstrap/ng-bootstrap”: “^6.0.0”,
“@types/file-saver”: “^1.3.0”,
“core-js”: “^2.5.4”,
“file-saver”: “^1.3.3”,
“firebase”: “^8.2.4”,
“jqwidgets-ng”: “^9.1.6”,
“mydatepicker”: “^9.0.2”,
“ngx-cookie”: “4.0.2”,
“rxjs”: “^6.6.3”,
“tslib”: “^2.0.0”,
“zone.js”: “~0.10.2”
},

[rajesh guptaParticipant]

Following are the errors

ERESOLVE overriding peer dependency
npm WARN While resolving: @angular/cdk@9.2.4
npm WARN Found: @angular/common@11.1.1
npm WARN node_modules/@angular/common
npm WARN   @angular/common@"~11.1.1" from the root project
npm WARN   6 more (@angular/fire, @angular/forms, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer @angular/common@"^9.0.0 || ^10.0.0-0" from @angular/cdk@9.2.4
npm WARN node_modules/@angular/cdk
npm WARN   @angular/cdk@"^9.1.1" from jqwidgets-ng@9.1.7
npm WARN   node_modules/jqwidgets-ng
npm WARN 
npm WARN Conflicting peer dependency: @angular/common@10.2.5
npm WARN node_modules/@angular/common
npm WARN   peer @angular/common@"^9.0.0 || ^10.0.0-0" from @angular/cdk@9.2.4
npm WARN   node_modules/@angular/cdk
npm WARN     @angular/cdk@"^9.1.1" from jqwidgets-ng@9.1.7
npm WARN     node_modules/jqwidgets-ng
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular/cdk@9.2.4
npm WARN Found: @angular/core@11.1.1
npm WARN node_modules/@angular/core
npm WARN   @angular/core@"~11.1.1" from the root project
npm WARN   8 more (@angular/animations, @angular/common, @angular/fire, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer @angular/core@"^9.0.0 || ^10.0.0-0" from @angular/cdk@9.2.4
npm WARN node_modules/@angular/cdk
npm WARN   @angular/cdk@"^9.1.1" from jqwidgets-ng@9.1.7
npm WARN   node_modules/jqwidgets-ng
npm WARN 
npm WARN Conflicting peer dependency: @angular/core@10.2.5
npm WARN node_modules/@angular/core
npm WARN   peer @angular/core@"^9.0.0 || ^10.0.0-0" from @angular/cdk@9.2.4
npm WARN   node_modules/@angular/cdk
npm WARN     @angular/cdk@"^9.1.1" from jqwidgets-ng@9.1.7
npm WARN     node_modules/jqwidgets-ng
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular/cdk@9.2.4
npm WARN Found: tslib@2.0.3
npm WARN node_modules/tslib
npm WARN   tslib@"^2.0.0" from the root project
npm WARN   10 more (@angular/animations, @angular/common, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer tslib@"^1.9.0" from @angular/cdk@9.2.4
npm WARN node_modules/@angular/cdk
npm WARN   @angular/cdk@"^9.1.1" from jqwidgets-ng@9.1.7
npm WARN   node_modules/jqwidgets-ng
npm WARN 
npm WARN Conflicting peer dependency: tslib@1.14.1
npm WARN node_modules/tslib
npm WARN   peer tslib@"^1.9.0" from @angular/cdk@9.2.4
npm WARN   node_modules/@angular/cdk
npm WARN     @angular/cdk@"^9.1.1" from jqwidgets-ng@9.1.7
npm WARN     node_modules/jqwidgets-ng
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular/elements@9.1.13
npm WARN Found: @angular/core@11.1.1
npm WARN node_modules/@angular/core
npm WARN   @angular/core@"~11.1.1" from the root project
npm WARN   8 more (@angular/animations, @angular/common, @angular/fire, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer @angular/core@"9.1.13" from @angular/elements@9.1.13
npm WARN node_modules/@angular/elements
npm WARN   @angular/elements@"^9.0.5" from jqwidgets-ng@9.1.7
npm WARN   node_modules/jqwidgets-ng
npm WARN 
npm WARN Conflicting peer dependency: @angular/core@9.1.13
npm WARN node_modules/@angular/core
npm WARN   peer @angular/core@"9.1.13" from @angular/elements@9.1.13
npm WARN   node_modules/@angular/elements
npm WARN     @angular/elements@"^9.0.5" from jqwidgets-ng@9.1.7
npm WARN     node_modules/jqwidgets-ng
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular/elements@9.1.13
npm WARN Found: @angular/platform-browser@11.1.1
npm WARN node_modules/@angular/platform-browser
npm WARN   @angular/platform-browser@"~11.1.1" from the root project
npm WARN   4 more (@angular/fire, @angular/forms, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer @angular/platform-browser@"9.1.13" from @angular/elements@9.1.13
npm WARN node_modules/@angular/elements
npm WARN   @angular/elements@"^9.0.5" from jqwidgets-ng@9.1.7
npm WARN   node_modules/jqwidgets-ng
npm WARN 
npm WARN Conflicting peer dependency: @angular/platform-browser@9.1.13
npm WARN node_modules/@angular/platform-browser
npm WARN   peer @angular/platform-browser@"9.1.13" from @angular/elements@9.1.13
npm WARN   node_modules/@angular/elements
npm WARN     @angular/elements@"^9.0.5" from jqwidgets-ng@9.1.7
npm WARN     node_modules/jqwidgets-ng
npm WARN ERESOLVE overriding peer dependency
npm WARN While resolving: @angular/elements@9.1.13
npm WARN Found: tslib@2.0.3
npm WARN node_modules/tslib
npm WARN   tslib@"^2.0.0" from the root project
npm WARN   10 more (@angular/animations, @angular/common, ...)
npm WARN 
npm WARN Could not resolve dependency:
npm WARN peer tslib@"^1.10.0" from @angular/elements@9.1.13
npm WARN node_modules/@angular/elements
npm WARN   @angular/elements@"^9.0.5" from jqwidgets-ng@9.1.7
npm WARN   node_modules/jqwidgets-ng
npm WARN 
npm WARN Conflicting peer dependency: tslib@1.14.1
npm WARN node_modules/tslib
npm WARN   peer tslib@"^1.10.0" from @angular/elements@9.1.13
npm WARN   node_modules/@angular/elements
npm WARN     @angular/elements@"^9.0.5" from jqwidgets-ng@9.1.7
npm WARN     node_modules/jqwidgets-ng
npm ERR! code ERESOLVE
npm ERR! ERESOLVE could not resolve
npm ERR! 
npm ERR! While resolving: @kolkov/angular-editor@1.1.4
npm ERR! Found: @angular/common@11.1.1
npm ERR! node_modules/@angular/common
npm ERR!   @angular/common@"~11.1.1" from the root project
npm ERR!   peer @angular/common@"^9.0.0 || ^10.0.0 || ^11.0.0" from @angular/fire@6.1.4
npm ERR!   node_modules/@angular/fire
npm ERR!     @angular/fire@"^6.1.4" from the root project
npm ERR!   5 more (@angular/forms, @angular/platform-browser, ...)
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/common@">=8.0.0 <11" from @kolkov/angular-editor@1.1.4
npm ERR! node_modules/@kolkov/angular-editor
npm ERR!   @kolkov/angular-editor@"^1.1.2" from the root project
npm ERR! 
npm ERR! Conflicting peer dependency: @angular/common@10.2.5
npm ERR! node_modules/@angular/common
npm ERR!   peer @angular/common@">=8.0.0 <11" from @kolkov/angular-editor@1.1.4
npm ERR!   node_modules/@kolkov/angular-editor
npm ERR!     @kolkov/angular-editor@"^1.1.2" from the root project
npm ERR! 
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR! 
npm ERR! See /root/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /root/.npm/_logs/2023-01-10T13_24_46_604Z-debug-0.log

[adminKeymaster]

Hi,

With Angular 11, you will need to use an old version of the jqwidgets-ng package which is released after the release of Angular 11 and before the release of Angular 13. The current version is packaged and suitable for Angular 13+.

Regards,
Peter

[rajesh guptaParticipant]

which version of the jqwidgets-ng should be used with angular11.
Where can I see the doc on the jqwidgets version and the equivalent angular version to be used

Thanks

[adminKeymaster]

Hi,

You can look at https://www.jqwidgets.com/jquery-widgets-documentation/documentation/releasehistory/releasehistory.htm. jQWidgets v11.0.0 Release, Nov-16-2020 has Angular 11 support.

Regards,
Peter

[Author]

Posts