Hello, I'm having problems installing Kendo to a current Angular project.
This is my package.json:
{
"name": "aes-eclusagem-app",
"version": "0.0.0",
"engines": {
"node": "14.x"
},
"scripts": {
"ng": "ng",
"start": "ng serve --open",
"build": "ng build",
"build-dev": "ng build --configuration=dev && ng build --configuration=pt-dev && ng build --configuration=en-dev",
"build-qa": "ng build --configuration=qa && ng build --configuration=pt-qa && ng build --configuration=en-qa",
"build-prod": "ng build --configuration=prod && ng build --configuration=pt-prod && ng build --configuration=en-prod",
"extract": "ng xi18n --output-path=src/locale --ivy",
"test": "ng test",
"lint": "ng lint",
"e2e": "ng e2e"
},
"private": true,
"dependencies": {
"@angular-material-components/datetime-picker": "^4.0.5",
"@angular/animations": "^10.1.1",
"@angular/cdk": "^10.2.1",
"@angular/common": "^10.1.1",
"@angular/compiler": "^10.1.1",
"@angular/core": "^10.1.1",
"@angular/forms": "^10.1.1",
"@angular/localize": "^10.2.2",
"@angular/material": "^10.2.1",
"@angular/material-moment-adapter": "^11.0.1",
"@angular/platform-browser": "^10.1.1",
"@angular/platform-browser-dynamic": "^10.1.1",
"@angular/router": "^10.1.1",
"@azure/msal-angular": "^1.1.1",
"@clr/angular": "^3.1.4",
"@clr/icons": "^3.0.0",
"@clr/ui": "^3.0.0",
"@fortawesome/angular-fontawesome": "^0.7.0",
"@fortawesome/fontawesome-free": "^5.15.1",
"@fortawesome/fontawesome-svg-core": "^1.2.32",
"@fortawesome/free-solid-svg-icons": "^5.15.1",
"@kolkov/ngx-gallery": "^1.2.3",
"@microsoft/applicationinsights-web": "^2.5.8",
"@ng-bootstrap/ng-bootstrap": "^7.0.0",
"@webcomponents/webcomponentsjs": "^2.0.0",
"angular-highcharts": "^9.0.11",
"angular2-text-mask": "^9.0.0",
"angular2-uuid": "^1.1.1",
"bootstrap": "^4.5.0",
"faker": "^4.1.0",
"file-saver": "^2.0.2",
"font-awesome": "^4.7.0",
"fp-ts": "^2.11.5",
"guid-typescript": "^1.0.9",
"hammerjs": "^2.0.8",
"highcharts": "^8.1.2",
"highcharts-angular": "^2.4.0",
"json-server": "^0.16.1",
"jspdf": "^2.5.1",
"jspdf-autotable": "^3.5.25",
"jszip": "^3.5.0",
"lodash-es": "^4.17.21",
"mat-select-autocomplete-angular9": "^1.0.0",
"mat-table-filter": "^9.0.1",
"minireset.css": "~0.0.4",
"moment": "^2.27.0",
"msal": "^1.3.4",
"ng2-pdf-viewer": "^6.3.2",
"ngx-mask": "^10.0.1",
"ngx-mat-select-search": "^5.0.0",
"ngx-material-timepicker": "^5.5.3",
"ngx-swiper-wrapper": "^9.0.1",
"ngx-toastr": "^12.1.0",
"pdfmake": "^0.1.68",
"resize-observer-polyfill": "^1.5.1",
"rxjs": "~6.6.3",
"rxjs-take-while-inclusive": "^2.1.1",
"tslib": "^1.10.0",
"uuidv4": "^6.2.12",
"web-animations-js": "^2.3.2",
"xng-breadcrumb": "^5.1.0",
"zone.js": "~0.10.2"
},
"devDependencies": {
"@angular-devkit/build-angular": "^0.1002.0",
"@angular/cli": "^10.2.4",
"@angular/compiler-cli": "^10.1.1",
"@igniteui/angular-schematics": "^10.1.610",
"@types/hammerjs": "^2.0.36",
"@types/jasmine": "^3.5.14",
"@types/jasminewd2": "~2.0.3",
"@types/jszip": "^3.1.7",
"@types/node": "^12.12.58",
"codelyzer": "^5.1.2",
"jasmine-core": "~3.5.0",
"jasmine-spec-reporter": "~4.2.1",
"karma": "~5.0.0",
"karma-chrome-launcher": "~3.1.0",
"karma-coverage-istanbul-reporter": "~2.1.0",
"karma-jasmine": "~3.0.1",
"karma-jasmine-html-reporter": "^1.4.2",
"node-sass": "^4.14.1",
"protractor": "~7.0.0",
"ts-node": "~8.3.0",
"tslint": "^6.1.3",
"typescript": "~4.0.2"
}
}
When I tried to install any kendo package with npm install, or angular schematics (that is only compatible with node.js 19) and even @progress/kendo-licensing the error looks similar.
npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @angular/http@7.2.16 npm WARN Found: @angular/core@10.1.6 npm WARN node_modules/@angular/core npm WARN peer @angular/core@"^10.1.2" from @angular-material-components/datetime-picker@4.0.5 npm WARN node_modules/@angular-material-components/datetime-picker npm WARN @angular-material-components/datetime-picker@"^4.0.5" from the root project npm WARN 16 more (@angular/animations, @angular/cdk, @angular/common, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer @angular/core@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm WARN npm WARN Conflicting peer dependency: @angular/core@7.2.16 npm WARN node_modules/@angular/core npm WARN peer @angular/core@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @angular/http@7.2.16 npm WARN Found: @angular/platform-browser@10.1.6 npm WARN node_modules/@angular/platform-browser npm WARN peer @angular/platform-browser@"^10.1.2" from @angular-material-components/datetime-picker@4.0.5 npm WARN node_modules/@angular-material-components/datetime-picker npm WARN @angular-material-components/datetime-picker@"^4.0.5" from the root project npm WARN 5 more (@angular/forms, @angular/platform-browser-dynamic, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer @angular/platform-browser@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm WARN npm WARN Conflicting peer dependency: @angular/platform-browser@7.2.16 npm WARN node_modules/@angular/platform-browser npm WARN peer @angular/platform-browser@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @angular/localize@10.2.2 npm ERR! Found: @angular/compiler@10.1.6 npm ERR! node_modules/@angular/compiler npm ERR! peer @angular/compiler@"10.1.6" from @angular/compiler-cli@10.1.6 npm ERR! node_modules/@angular/compiler-cli npm ERR! peer @angular/compiler-cli@"^10.0.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! peer @angular/compiler-cli@"^10.0.0" from @ngtools/webpack@10.2.0 npm ERR! node_modules/@ngtools/webpack npm ERR! @ngtools/webpack@"10.2.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! 1 more (the root project) npm ERR! peer @angular/compiler@"10.1.6" from @angular/platform-browser-dynamic@10.1.6 npm ERR! node_modules/@angular/platform-browser-dynamic npm ERR! @angular/platform-browser-dynamic@"^10.1.1" from the root project npm ERR! 1 more (the root project) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer @angular/compiler@"10.2.2" from @angular/localize@10.2.2 npm ERR! node_modules/@angular/localize npm ERR! peerOptional @angular/localize@"^10.0.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! peer @angular/localize@"^10.0.0" from @ng-bootstrap/ng-bootstrap@7.0.0 npm ERR! node_modules/@ng-bootstrap/ng-bootstrap npm ERR! @ng-bootstrap/ng-bootstrap@"^7.0.0" from the root project npm ERR! 1 more (the root project) npm ERR! npm ERR! Conflicting peer dependency: @angular/compiler@10.2.2 npm ERR! node_modules/@angular/compiler npm ERR! peer @angular/compiler@"10.2.2" from @angular/localize@10.2.2 npm ERR! node_modules/@angular/localize npm ERR! peerOptional @angular/localize@"^10.0.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! peer @angular/localize@"^10.0.0" from @ng-bootstrap/ng-bootstrap@7.0.0 npm ERR! node_modules/@ng-bootstrap/ng-bootstrap npm ERR! @ng-bootstrap/ng-bootstrap@"^7.0.0" from the root project npm ERR! 1 more (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 C:\Users\nicolas.falla\AppData\Local\npm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\nicolas.falla\AppData\Local\npm-cache\_logs\2024-11-26T13_38_58_889Z-debug-0.log PS C:\Users\nicolas.falla\Desktop\aes\smart-operations-frontend> npm install @progress/kendo-licensing@1.1.3 --save --legacy-deps npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @angular/http@7.2.16 npm WARN Found: @angular/core@10.1.6 npm WARN node_modules/@angular/core npm WARN peer @angular/core@"^10.1.2" from @angular-material-components/datetime-picker@4.0.5 npm WARN node_modules/@angular-material-components/datetime-picker npm WARN @angular-material-components/datetime-picker@"^4.0.5" from the root project npm WARN 16 more (@angular/animations, @angular/cdk, @angular/common, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer @angular/core@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm WARN npm WARN Conflicting peer dependency: @angular/core@7.2.16 npm WARN node_modules/@angular/core npm WARN peer @angular/core@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @angular/http@7.2.16 npm WARN Found: @angular/platform-browser@10.1.6 npm WARN node_modules/@angular/platform-browser npm WARN peer @angular/platform-browser@"^10.1.2" from @angular-material-components/datetime-picker@4.0.5 npm WARN node_modules/@angular-material-components/datetime-picker npm WARN @angular-material-components/datetime-picker@"^4.0.5" from the root project npm WARN 5 more (@angular/forms, @angular/platform-browser-dynamic, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer @angular/platform-browser@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm WARN npm WARN Conflicting peer dependency: @angular/platform-browser@7.2.16 npm WARN node_modules/@angular/platform-browser npm WARN peer @angular/platform-browser@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @angular/localize@10.2.2 npm ERR! Found: @angular/compiler@10.1.6 npm ERR! node_modules/@angular/compiler npm ERR! peer @angular/compiler@"10.1.6" from @angular/compiler-cli@10.1.6 npm ERR! node_modules/@angular/compiler-cli npm ERR! peer @angular/compiler-cli@"^10.0.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! peer @angular/compiler-cli@"^10.0.0" from @ngtools/webpack@10.2.0 npm ERR! node_modules/@ngtools/webpack npm ERR! @ngtools/webpack@"10.2.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! 1 more (the root project) npm ERR! peer @angular/compiler@"10.1.6" from @angular/platform-browser-dynamic@10.1.6 npm ERR! node_modules/@angular/platform-browser-dynamic npm ERR! @angular/platform-browser-dynamic@"^10.1.1" from the root project npm ERR! 1 more (the root project) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer @angular/compiler@"10.2.2" from @angular/localize@10.2.2 npm ERR! node_modules/@angular/localize npm ERR! peerOptional @angular/localize@"^10.0.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! peer @angular/localize@"^10.0.0" from @ng-bootstrap/ng-bootstrap@7.0.0 npm ERR! node_modules/@ng-bootstrap/ng-bootstrap npm ERR! @ng-bootstrap/ng-bootstrap@"^7.0.0" from the root project npm ERR! 1 more (the root project) npm ERR! npm ERR! Conflicting peer dependency: @angular/compiler@10.2.2 npm ERR! node_modules/@angular/compiler npm ERR! peer @angular/compiler@"10.2.2" from @angular/localize@10.2.2 npm ERR! node_modules/@angular/localize npm ERR! peerOptional @angular/localize@"^10.0.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! peer @angular/localize@"^10.0.0" from @ng-bootstrap/ng-bootstrap@7.0.0 npm ERR! node_modules/@ng-bootstrap/ng-bootstrap npm ERR! @ng-bootstrap/ng-bootstrap@"^7.0.0" from the root project npm ERR! 1 more (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 C:\Users\nicolas.falla\AppData\Local\npm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\nicolas.falla\AppData\Local\npm-cache\_logs\2024-11-26T13_39_33_866Z-debug-0.log PS C:\Users\nicolas.falla\Desktop\aes\smart-operations-frontend> npm install @progress/kendo-licensing@1.1.3 --save --legacy--perps-deps npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @angular/http@7.2.16 npm WARN Found: @angular/core@10.1.6 npm WARN node_modules/@angular/core npm WARN peer @angular/core@"^10.1.2" from @angular-material-components/datetime-picker@4.0.5 npm WARN node_modules/@angular-material-components/datetime-picker npm WARN @angular-material-components/datetime-picker@"^4.0.5" from the root project npm WARN 16 more (@angular/animations, @angular/cdk, @angular/common, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer @angular/core@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm WARN npm WARN Conflicting peer dependency: @angular/core@7.2.16 npm WARN node_modules/@angular/core npm WARN peer @angular/core@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm WARN ERESOLVE overriding peer dependency npm WARN While resolving: @angular/http@7.2.16 npm WARN Found: @angular/platform-browser@10.1.6 npm WARN node_modules/@angular/platform-browser npm WARN peer @angular/platform-browser@"^10.1.2" from @angular-material-components/datetime-picker@4.0.5 npm WARN node_modules/@angular-material-components/datetime-picker npm WARN @angular-material-components/datetime-picker@"^4.0.5" from the root project npm WARN 5 more (@angular/forms, @angular/platform-browser-dynamic, ...) npm WARN npm WARN Could not resolve dependency: npm WARN peer @angular/platform-browser@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm WARN npm WARN Conflicting peer dependency: @angular/platform-browser@7.2.16 npm WARN node_modules/@angular/platform-browser npm WARN peer @angular/platform-browser@"7.2.16" from @angular/http@7.2.16 npm WARN node_modules/@angular/http npm WARN @angular/http@"^7.2.16" from mat-select-autocomplete-angular9@1.0.0 npm WARN node_modules/mat-select-autocomplete-angular9 npm ERR! code ERESOLVE npm ERR! ERESOLVE could not resolve npm ERR! npm ERR! While resolving: @angular/localize@10.2.2 npm ERR! Found: @angular/compiler@10.1.6 npm ERR! node_modules/@angular/compiler npm ERR! peer @angular/compiler@"10.1.6" from @angular/compiler-cli@10.1.6 npm ERR! node_modules/@angular/compiler-cli npm ERR! peer @angular/compiler-cli@"^10.0.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! peer @angular/compiler-cli@"^10.0.0" from @ngtools/webpack@10.2.0 npm ERR! node_modules/@ngtools/webpack npm ERR! @ngtools/webpack@"10.2.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! 1 more (the root project) npm ERR! peer @angular/compiler@"10.1.6" from @angular/platform-browser-dynamic@10.1.6 npm ERR! node_modules/@angular/platform-browser-dynamic npm ERR! @angular/platform-browser-dynamic@"^10.1.1" from the root project npm ERR! 1 more (the root project) npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer @angular/compiler@"10.2.2" from @angular/localize@10.2.2 npm ERR! node_modules/@angular/localize npm ERR! peerOptional @angular/localize@"^10.0.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! peer @angular/localize@"^10.0.0" from @ng-bootstrap/ng-bootstrap@7.0.0 npm ERR! node_modules/@ng-bootstrap/ng-bootstrap npm ERR! @ng-bootstrap/ng-bootstrap@"^7.0.0" from the root project npm ERR! 1 more (the root project) npm ERR! npm ERR! Conflicting peer dependency: @angular/compiler@10.2.2 npm ERR! node_modules/@angular/compiler npm ERR! peer @angular/compiler@"10.2.2" from @angular/localize@10.2.2 npm ERR! node_modules/@angular/localize npm ERR! peerOptional @angular/localize@"^10.0.0" from @angular-devkit/build-angular@0.1002.0 npm ERR! node_modules/@angular-devkit/build-angular npm ERR! dev @angular-devkit/build-angular@"^0.1002.0" from the root project npm ERR! peer @angular/localize@"^10.0.0" from @ng-bootstrap/ng-bootstrap@7.0.0 npm ERR! 1 more (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 C:\Users\nicolas.falla\AppData\Local\npm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\nicolas.falla\AppData\Local\npm-cache\_logs\2024-11-26T13_39_58_850Z-debug-0.log
What can I do to fix my problem? I ran on my console npm with:
--legacy-peer-deps
And didn't work
NOTE: it's impossible running my project without nodejs v16.20.2