使用 Angular 13 安装 ngrx 商店时出现错误无法解析依赖关系树

Question

I have an issue when I use this command:

ng add @ngrx/store@latest

I get this error:

npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: ngstore-app@0.0.0
npm ERR! Found: @angular/core@13.0.0
npm ERR! node_modules/@angular/core
npm ERR!   @angular/core@"~13.0.0" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/core@"^12.0.0" from @ngrx/store@12.5.1
npm ERR! node_modules/@ngrx/store
npm ERR!   @ngrx/store@"12.5.1" 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 ...\AppData\Local\npm-cache\eresolve-report.txt for a full report.

Versions tha I am using:
    Angular CLI: 13.0.1
    Node: 16.13.0
    Package Manager: npm 8.1.3

Any idea what causes the issue and how to fix it?

Answer 1

You have @angular/core at version 13, but @ngrx/store has support until Angular 12.

If you install the latest tag it will grab 12.5.1 which does not work in your case.

You should consider ng add @ngrx/store@next to grab the version 13.0.0-beta.0

---

You can see everything with npm show @ngrx/store

dist-tags:
beta: 6.0.0-beta.2   latest: 12.5.1       next: 13.0.0-beta.0  v8-lts: 8.6.1        v9-lts: 9.2.1

Answer 2

您可以轻松使用此命令：

 npm install --legacy-peer-deps