Angular中安装Bootstrap（Ngb模块）失败问题求助

问题根源 #

当前你的Angular核心包版本为@angular/core@14.2.2，但尝试安装的@ng-bootstrap/ng-bootstrap@13.1.1要求@angular/forms@14.2.12，该版本的@angular/forms依赖@angular/core@14.2.12，两者版本不匹配导致peer依赖冲突。

解决方案 #

方案一：升级Angular核心包到匹配版本 #

14.2.x属于小版本升级，无破坏性变更，执行以下命令统一升级Angular相关包：

npm install @angular/core@14.2.12 @angular/common@14.2.12 @angular/forms@14.2.12 @angular/platform-browser@14.2.12 @angular/platform-browser-dynamic@14.2.12 @angular/router@14.2.12 @angular/animations@14.2.12 @angular/compiler@14.2.12

升级完成后，再安装Ngb模块：

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

方案二：安装与当前Angular版本兼容的Ngb版本 #

选择适配@angular/core@14.2.2的Ngb版本，直接执行：

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

若仍有冲突，可在package.json中添加依赖覆盖规则，强制使用当前Angular版本：

"overrides": {
  "@angular/core": "14.2.2",
  "@angular/forms": "14.2.2"
}

添加后执行：

npm install

额外建议 #

Node.js 19为非LTS版本，Angular 14官方推荐使用Node.js 16.x LTS版本。可以通过版本管理工具（如nvm、n）切换到16.x版本，避免潜在的兼容性问题。

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