🐞[BUG]: Angular 21 support #2386
Description
Affected Package
all
Is this a regression?
no
Description
When upgrading a project to Angular 21 (released a week ago) the build fails, caused be peer dependencies of ngxs, which pinpoint angular version to <21.0.0
🔬 Minimal Reproduction
Create a project with the following dependencies:
"dependencies": {
"@angular/animations": "21.0.0",
"@angular/cdk": "21.0.0",
"@angular/common": "21.0.0",
"@angular/compiler": "21.0.0",
"@angular/core": "21.0.0",
"@angular/forms": "21.0.0",
"@angular/platform-browser": "21.0.0",
"@angular/platform-browser-dynamic": "21.0.0",
"@angular/router": "21.0.0",
"@ngxs/logger-plugin": "20.1.0",
"@ngxs/storage-plugin": "20.1.0",
"@ngxs/store": "20.1.0",
"rxjs": "7.8.2",
"ts-node": "^10.9.2",
"tslib": "2.8.1"
},
🔥 Exception or Error
[INFO] npm error While resolving: @ngxs/devtools-plugin@20.1.0
[INFO] npm error Found: @angular/core@21.0.0
[INFO] npm error node_modules/@angular/core
[INFO] npm error @angular/core@"21.0.0" from the root project
[INFO] npm error peer @angular/core@"21.0.0" from @angular/animations@21.0.0
[INFO] npm error node_modules/@angular/animations
[INFO] npm error @angular/animations@"21.0.0" from the root project
[INFO] npm error peerOptional @angular/animations@"21.0.0" from @angular/platform-browser@21.0.0
[INFO] npm error node_modules/@angular/platform-browser
[INFO] npm error @angular/platform-browser@"21.0.0" from the root project
[INFO] npm error 6 more (@angular/build, @angular/forms, @angular/material, ...)
[INFO] npm error 12 more (@angular/build, @angular/cdk, @angular/common, ...)
[INFO] npm error
[INFO] npm error Could not resolve dependency:
[INFO] npm error peer @angular/core@">=20.0.0 <21.0.0" from @ngxs/devtools-plugin@20.1.0
[INFO] npm error node_modules/@ngxs/devtools-plugin
[INFO] npm error dev @ngxs/devtools-plugin@"20.1.0" from the root project
[INFO] npm error
[INFO] npm error Conflicting peer dependency: @angular/core@20.3.13
[INFO] npm error node_modules/@angular/core
[INFO] npm error peer @angular/core@">=20.0.0 <21.0.0" from @ngxs/devtools-plugin@20.1.0
[INFO] npm error node_modules/@ngxs/devtools-plugin
[INFO] npm error dev @ngxs/devtools-plugin@"20.1.0" from the root project
Environment
Libs:
- @angular/core version: 21.0.0
- @ngxs/store version: 20.1.0
Browser:
- [X] Chrome (desktop) version XX
- [ ] Chrome (Android) version XX
- [ ] Chrome (iOS) version XX
- [ ] Firefox version XX
- [ ] Safari (desktop) version XX
- [ ] Safari (iOS) version XX
- [ ] IE version XX
- [ ] Edge version XX
For Tooling issues:
- Node version: v24.11.1
- Platform: Windows
Others: