Angular2项目执行ng serve时遇ng-bootstrap元数据版本不匹配错误求助

嘿，这个错误我之前也踩过坑，本质是**@ng-bootstrap/ng-bootstrap的版本和你的Angular框架版本不兼容**导致的。Angular的元数据（metadata）版本和框架版本是一一对应的，你这里提示找到版本4，但期望3，说明你安装的ng-bootstrap版本是为Angular 6+设计的（对应metadata v4），但你的Angular项目还是Angular 5版本（对应metadata v3）——反过来的情况也有可能，但大概率是前者。

下面是具体的解决步骤：

• 第一步：确认你的Angular版本
  打开终端，在项目根目录执行：

  ng version
  

  重点看@angular/core的版本号，比如显示5.x.x就是Angular 5，6.x.x及以上则是更高版本。

• 第二步：安装与Angular版本匹配的@ng-bootstrap版本
  两者的对应关系大概是这样的：

  • Angular 5 → @ng-bootstrap/ng-bootstrap 1.x 系列
  • Angular 6/7 → @ng-bootstrap/ng-bootstrap 2.x/3.x 系列
  • Angular 8 → @ng-bootstrap/ng-bootstrap 4.x 系列
  • Angular 9及以上 → @ng-bootstrap/ng-bootstrap 5.x 及更高版本

  先卸载当前不兼容的版本：

  npm uninstall @ng-bootstrap/ng-bootstrap
  

  然后安装对应版本，比如你的Angular是5，就装1.x的最新稳定版：

  npm install @ng-bootstrap/ng-bootstrap@1.6.0
  

  （如果是其他Angular版本，把@1.6.0换成对应系列的版本号即可，比如Angular 8就用@4.x）

• 第三步：清理依赖缓存重新构建
  有时候残留的依赖缓存会导致问题，执行下面的命令彻底清理后重新安装：

  rm -rf node_modules package-lock.json
  npm install
  

  之后再运行ng serve，应该就能解决这个错误了。

如果你的项目允许升级Angular，也可以考虑把Angular升级到和当前ng-bootstrap匹配的版本，但升级可能会涉及其他依赖的调整，所以优先推荐直接安装匹配版本的ng-bootstrap，操作更简单。

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