With latest ng CLI the npm install is not working

[AdrianRygiol]

Dear all,

with latest ng CLI it is not possible to npm install the dependencies of this demo app anymore.

There are errors as follows:

npm warn ERESOLVE overriding peer dependency
npm warn While resolving: @angular-devkit/build-webpack@0.1202.6
npm warn Found: webpack-dev-server@4.2.1
npm warn node_modules/webpack-dev-server
npm warn   webpack-dev-server@"^4.2.1" from the root project
npm warn
npm warn Could not resolve dependency:
npm warn peer webpack-dev-server@"^3.1.4" from @angular-devkit/build-webpack@0.1202.6
npm warn node_modules/@angular-devkit/build-webpack
npm warn   @angular-devkit/build-webpack@"0.1202.6" from @angular-devkit/build-angular@12.2.6
npm warn   node_modules/@angular-devkit/build-angular
npm warn
npm warn Conflicting peer dependency: webpack-dev-server@3.11.3
npm warn node_modules/webpack-dev-server
npm warn   peer webpack-dev-server@"^3.1.4" from @angular-devkit/build-webpack@0.1202.6
npm warn   node_modules/@angular-devkit/build-webpack
npm warn     @angular-devkit/build-webpack@"0.1202.6" from @angular-devkit/build-angular@12.2.6
npm warn     node_modules/@angular-devkit/build-angular
npm error code ERESOLVE
npm error ERESOLVE could not resolve
npm error
npm error While resolving: @angular/common@12.2.6
npm error Found: rxjs@6.3.3
npm error node_modules/rxjs
npm error   rxjs@"~6.3.3" from the root project
npm error   peer rxjs@">= 6.0.0" from ngx-build-plus@12.2.0
npm error   node_modules/ngx-build-plus
npm error     ngx-build-plus@"^12.2.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer rxjs@"^6.5.3 || ^7.0.0" from @angular/common@12.2.6
npm error node_modules/@angular/common
npm error   @angular/common@"~12.2.6" from the root project
npm error   peer @angular/common@"12.2.6" from @angular/forms@12.2.6
npm error   node_modules/@angular/forms
npm error     @angular/forms@"~12.2.6" from the root project
npm error   3 more (@angular/platform-browser, ...)
npm error
npm error Conflicting peer dependency: rxjs@7.8.2
npm error node_modules/rxjs
npm error   peer rxjs@"^6.5.3 || ^7.0.0" from @angular/common@12.2.6
npm error   node_modules/@angular/common
npm error     @angular/common@"~12.2.6" from the root project
npm error     peer @angular/common@"12.2.6" from @angular/forms@12.2.6
npm error     node_modules/@angular/forms
npm error       @angular/forms@"~12.2.6" from the root project
npm error     3 more (@angular/platform-browser, ...)
npm error
npm error Fix the upstream dependency conflict, or retry
npm error this command with --force or --legacy-peer-deps
npm error to accept an incorrect (and potentially broken) dependency resolution.
...

My development setup is as follows:

Angular CLI: 20.1.6
Node: 22.17.1
Package Manager: npm 10.9.2
OS: win32 x64

I see that in package.json many version are outdated. For example "@angular/common": "~12.2.6" is quite old.

I've tried to increase a few versions, but I could not make it work. I receive follow-up issues in other areas of the demo app.

Would you mind to increase the versions in package.json and retest this demo application? It might be that there were a few breaking changes in the angular framework and you might need to change the demo app accordingly.

Thanks a lot in advance.
Best regards, Adrian Rygiol