angular - 安装 ng 添加 @ng-bootstrap/ng-bootstrap 时出错

Question

将 ng-bootstrap 安装到我的 Angular-CLI(11.0.4) 时出现错误。
什么时候

ng add @ng-bootstrap/ng-bootstrap 

还有我的日志文件

[error] Error: npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: front@0.0.0
npm ERR! Found: @angular/compiler@11.0.9
npm ERR! node_modules/@angular/compiler
npm ERR!   @angular/compiler@"~11.0.4" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/compiler@"11.1.1" from @angular/localize@11.1.1
npm ERR! node_modules/@angular/localize
npm ERR!   peer @angular/localize@"^11.0.0" from @ng-bootstrap/ng-bootstrap@9.0.2
npm ERR!   node_modules/@ng-bootstrap/ng-bootstrap
npm ERR!     @ng-bootstrap/ng-bootstrap@"*" 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 /home/damika/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/damika/.npm/_logs/2021-02-02T16_41_53_338Z-debug.log
Package install failed, see above.
    at Object.installPackage (/home/damika/Desktop/CACHE/School/Front/node_modules/@angular/cli/utilities/install-package.js:40:15)
    at AddCommand.run (/home/damika/Desktop/CACHE/School/Front/node_modules/@angular/cli/commands/add-impl.js:149:31)
    at async AddCommand.validateAndRun (/home/damika/Desktop/CACHE/School/Front/node_modules/@angular/cli/models/command.js:139:28)
    at async Object.runCommand (/home/damika/Desktop/CACHE/School/Front/node_modules/@angular/cli/models/command-runner.js:204:24)
    at async default_1 (/home/damika/Desktop/CACHE/School/Front/node_modules/@angular/cli/lib/cli/index.js:80:31)

终端错误

An unhandled exception occurred: npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: front@0.0.0
npm ERR! Found: @angular/compiler@11.0.9
npm ERR! node_modules/@angular/compiler
npm ERR!   @angular/compiler@"~11.0.4" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/compiler@"11.1.1" from @angular/localize@11.1.1
npm ERR! node_modules/@angular/localize
npm ERR!   peer @angular/localize@"^11.0.0" from @ng-bootstrap/ng-bootstrap@9.0.2
npm ERR!   node_modules/@ng-bootstrap/ng-bootstrap
npm ERR!     @ng-bootstrap/ng-bootstrap@"*" 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 /home/damika/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/damika/.npm/_logs/2021-02-02T16_38_17_817Z-debug.log
Package install failed, see above.
See "/tmp/ng-qJ50sG/angular-errors.log" for further details.
(base) damika@damiboy:~/Desktop/CACHE/School/Front/src/app$ ng update
The installed local Angular CLI version is older than the latest stable version.
Installing a temporary version to perform the update.
Installing packages for tooling via npm.
Installed packages for tooling via npm.
Using package manager: 'npm'
Collecting installed dependencies...
Found 28 dependencies.
    Invalid response body while trying to fetch https://registry.npmjs.org/@angular%2fcommon: aborted
    We analyzed your package.json, there are some packages to update:
    
      Name                               Version                  Command to update
     --------------------------------------------------------------------------------
      @angular/cli                       11.0.7 -> 11.1.2         ng update @angular/cli
      @angular/core                      11.0.9 -> 11.1.1         ng update @angular/core
    
    There might be additional packages which don't provide 'ng update' capabilities that are outdated.
    You can update the additional packages by running the update command of your package manager.
(base) damika@damiboy:~/Desktop/CACHE/School/Front/src/app$ ng add @ng-bootstrap/ng-bootstrap 
Installing packages for tooling via npm.
An unhandled exception occurred: npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR! 
npm ERR! While resolving: front@0.0.0
npm ERR! Found: @angular/compiler@11.0.9
npm ERR! node_modules/@angular/compiler
npm ERR!   @angular/compiler@"~11.0.4" from the root project
npm ERR! 
npm ERR! Could not resolve dependency:
npm ERR! peer @angular/compiler@"11.1.1" from @angular/localize@11.1.1
npm ERR! node_modules/@angular/localize
npm ERR!   peer @angular/localize@"^11.0.0" from @ng-bootstrap/ng-bootstrap@9.0.2
npm ERR!   node_modules/@ng-bootstrap/ng-bootstrap
npm ERR!     @ng-bootstrap/ng-bootstrap@"*" 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 /home/damika/.npm/eresolve-report.txt for a full report.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/damika/.npm/_logs/2021-02-02T16_41_53_338Z-debug.log
Package install failed, see above.
See "/tmp/ng-ySkXlt/angular-errors.log" for further details.

任何人都可以帮助我；谢谢您的帮助 :)

Answer 1

尝试使用这个npm config set legacy-peer-deps true这允许安装旧包
如果您是 Linux 用户。尝试添加 sudo在你的命令的开头