Angular Bootstrap 在 Angular 13 项目上给出错误

Question

我正在尝试在我的 Angular 13 项目中安装Angular bootstrap，如下所示：

\n

ng 添加@ng-bootstrap/ng-bootstrap

\n

但是当我在此语句上按 Y 时，我立即收到错误

\n

将安装并执行包 @ng-bootstrap/ng-bootstrap@11.0.0。\n您想继续吗？是的

\n

错误如下：

\n

npm 错误！代码 ERESOLVE\nnpm 错误！ERESOLVE 无法解析依赖关系树\nnpm ERR!\nnpm ERR! 解决时：blog@0.0.0\nnpm 错误！发现：@angular/compiler@13.0.3\nnpm 错误！node_modules/@angular/compiler\nnpm 错误！来自根项目的 @angular/compiler@"~13.0.0"\nnpm ERR!\nnpm ERR! 无法解决依赖关系：\nnpm ERR！来自 @angular/localize@13.1.3\nnpm 的同行@angular/compiler@"13.1.3" 错误！node_modules/@angular/localize\nnpm 错误！来自 @ng-bootstrap/ng-bootstrap@11.0.0\nnpm 的对等 @angular/localize@"^13.0.0" 错误！node_modules/@ng-bootstrap/ng-bootstrap\nnpm 错误！来自根项目的 @ng-bootstrap/ng-bootstrap@"11.0.0"\nnpm ERR!\nnpm ERR! 修复上游依赖冲突，或重试\nnpm ERR！此命令带有 --force 或 --legacy-peer-deps\nnpm ERR！接受不正确（且可能损坏）的依赖关系解析。\nnpm ERR!\nnpm ERR! 有关完整报告，请参阅 /Users/asifhameed/.npm/eresolve-report.txt。

\n

npm 错误！可以在以下位置找到此运行的完整日志：\nnpm ERR！/Users/asifhameed/.npm/_logs/2022-01-25T04_11_31_152Z-debug.log\n\xe2\x9c\x96 软件包安装失败，请参见上文。

\n

以下是我的project.json 文件中的依赖项和开发依赖项。

\n

"dependencies": {\n    "@angular/animations": "~13.0.0",\n    "@angular/common": "~13.0.0",\n    "@angular/compiler": "~13.0.0",\n    "@angular/core": "~13.0.0",\n    "@angular/forms": "~13.0.0",\n    "@angular/platform-browser": "~13.0.0",\n    "@angular/platform-browser-dynamic": "~13.0.0",\n    "@angular/router": "~13.0.0",\n    "rxjs": "~7.4.0",\n    "tslib": "^2.3.0",\n    "zone.js": "~0.11.4"\n  },\n  "devDependencies": {\n    "@angular-devkit/build-angular": "~13.0.4",\n    "@angular/cli": "~13.0.4",\n    "@angular/compiler-cli": "~13.0.0",\n    "@types/jasmine": "~3.10.0",\n    "@types/node": "^12.11.1",\n    "jasmine-core": "~3.10.0",\n    "karma": "~6.3.0",\n    "karma-chrome-launcher": "~3.1.0",\n    "karma-coverage": "~2.0.3",\n    "karma-jasmine": "~4.0.0",\n    "karma-jasmine-html-reporter": "~1.7.0",\n    "typescript": "~4.4.3"\n  }\n

\n

Answer 1

首先尝试这个命令

npm config set legacy-peer-deps true 

上面的命令还允许安装错误中所述的旧包

如果您是 Linux 用户，请sudo在开始时尝试使用

执行此命令后，然后运行以下命令

npm i @ng-bootstrap/ng-bootstrap