如何在Angular 15中安装@ng-bootstrap/ng-bootstrap？

问题原因 #

你的项目依赖**@angular/common@15.0.2**，但你尝试安装的**@ng-bootstrap/ng-bootstrap@13.1.1仅支持@angular/common@^14.1.0**，版本不匹配导致npm无法解析依赖树，抛出ERESOLVE错误。

报错信息 #

即将安装并执行包@ng-bootstrap/ng-bootstrap@13.1.1。
是否继续？是
npm ERR! 代码 ERESOLVE
npm ERR! ERESOLVE 无法解析依赖树
npm ERR! 
npm ERR! 解析时出错：my-app@0.0.0
npm ERR! 已找到：@angular/common@15.0.2
npm ERR! node_modules/@angular/common
npm ERR!   根项目中的@angular/common@"^15.0.0"
npm ERR! 
npm ERR! 无法解析依赖项：
npm ERR! @ng-bootstrap/ng-bootstrap@13.1.1要求对等依赖@angular/common@"^14.1.0"
npm ERR! node_modules/@ng-bootstrap/ng-bootstrap
npm ERR!   根项目中的@ng-bootstrap/ng-bootstrap@"13.1.1"
npm ERR! 
npm ERR! 请修复上游依赖冲突，或使用--force或--legacy-peer-deps参数重试该命令，以接受不正确（且可能无效）的依赖解析结果。
npm ERR! 
npm ERR! 完整报告请查看/home/node/.npm/eresolve-report.txt。


$ npm install @ng-bootstrap/ng-bootstrap
npm ERR! 代码 ERESOLVE
npm ERR! ERESOLVE 无法解析依赖树
npm ERR! 
npm ERR! 解析时出错：hygieia-ui@0.0.0
npm ERR! 已找到：@angular/common@15.0.2
npm ERR! node_modules/@angular/common
npm ERR!   根项目中的@angular/common@"^15.0.0"
npm ERR! 
npm ERR! 无法解析依赖项：
npm ERR! @ng-bootstrap/ng-bootstrap@13.1.1要求对等依赖@angular/common@"^14.1.0"
npm ERR! node_modules/@ng-bootstrap/ng-bootstrap
npm ERR!   根项目中的@ng-bootstrap/ng-bootstrap@"*"
npm ERR! 
npm ERR! 请修复上游依赖冲突，或使用--force或--legacy-peer-deps参数重试该命令，以接受不正确（且可能无效）的依赖解析结果。
npm ERR! 
npm ERR! 完整报告请查看/home/node/.npm/eresolve-report.txt。

解决方案 #

1. 安装适配Angular 15的ng-bootstrap版本（推荐）

ng-bootstrap版本与Angular版本严格对应：

• Angular 15 → ng-bootstrap 14.x及以上版本
• Angular 14 → ng-bootstrap 13.x版本

执行以下命令安装兼容版本：

npm install @ng-bootstrap/ng-bootstrap@^14.0.0

或直接安装最新兼容版：

npm install @ng-bootstrap/ng-bootstrap

2. 临时绕过依赖检查（不推荐）

若需临时安装旧版本，可使用参数跳过依赖校验，但可能引发运行时兼容性问题：

npm install @ng-bootstrap/ng-bootstrap@13.1.1 --legacy-peer-deps

或

npm install @ng-bootstrap/ng-bootstrap@13.1.1 --force

内容的提问来源于stack exchange，提问作者John Difool