npm无法安装Angular Bootstrap所需版本问题求助

首先得明确：Angular版本和ng-bootstrap（官方的Angular Bootstrap实现）是严格绑定的，你当前项目用的是Angular 5.0.2，对应的ng-bootstrap版本只能是1.x系列，如果尝试安装更高版本（比如2.x及以上），npm会因为依赖不兼容报错。

下面是具体的解决步骤：

1. 安装匹配版本的依赖 #

先卸载可能已经安装的不兼容版本（如果有的话）：

npm uninstall @ng-bootstrap/ng-bootstrap

然后安装Angular 5.0.2对应的ng-bootstrap和Bootstrap CSS：

# 安装ng-bootstrap 1.x版本
npm install @ng-bootstrap/ng-bootstrap@1.x --save

# 安装对应的Bootstrap 4.x CSS（ng-bootstrap 1.x依赖Bootstrap 4）
npm install bootstrap@4.x --save

2. 手动确认package.json中的依赖 #

你也可以直接在package.json的dependencies字段中添加以下内容，然后运行npm install同步：

{
  "name": "MyProject",
  "private": true,
  "version": "0.0.0",
  "scripts": {
    "test": "karma start ClientApp/test/karma.conf.js"
  },
  "devDependencies": {
    "@angular/animations": "5.0.2",
    "@angular/common": "5.0.2",
    "@angular/compiler": "5.0.2",
    "@angular/compiler-cli": "5.0.2",
    "@angular/core": "5.0.2",
    "@angular/forms": "5.0.2",
    "@angular/http": "5.0.2",
    "@angular/platform-browser": "5.0.2",
    "@angular/platform-browser-dynamic": "5.0.2",
    "@angular/platform-server": "5.0.2",
    // 其他dev依赖...
  },
  "dependencies": {
    // 新增这两个依赖
    "@ng-bootstrap/ng-bootstrap": "^1.0.0",
    "bootstrap": "^4.0.0",
    // 其他项目依赖...
  }
}

3. 处理可能的缓存或冲突问题 #

如果执行安装命令还是报错，可以试试以下步骤清理环境：

• 删除项目根目录下的node_modules文件夹
• 删除package-lock.json文件
• 清理npm缓存：

npm cache clean --force

然后重新运行npm install

这样应该就能成功安装匹配版本的Angular Bootstrap了。

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