With latest ng CLI the npm install is not working

Start by running npm install with the reported Angular CLI and Node versions, then inspect the Angular, RxJS, and webpack-dev-server entries in package.json. Done means dependencies install without ERESOLVE and the demo application still works after any required compatibility updates.

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