Angular项目未用Bootstrap JS时，如何处理NPM未满足对等依赖警告？

算力阿峰

2026-5-22

解决Bootstrap 4 Peer依赖警告（搭配Angular + ng-bootstrap）

嘿，太懂这种看着NPM警告闹心的感觉了！你遇到的问题本质很简单：Bootstrap 4的原生JS组件依赖jQuery和popper.js，但你用的是ng-bootstrap——它已经把Bootstrap的UI组件用纯Angular重写了，根本不需要原生Bootstrap的JS部分，所以这些peer依赖对你的项目来说完全是多余的。

下面给你几个可行的解决办法，按需选就行：

直接忽略警告（最省心）：既然你根本不会用到Bootstrap的JS，那这个警告只是NPM在履行它的提醒义务，完全不会影响你的项目运行。如果你能接受控制台里这两行警告，这就是最快的方案。
安装peer依赖但仅作为开发依赖：要是看着警告实在不舒服，你可以把这两个依赖装成开发依赖（毕竟生产环境用不上），运行下面的命令：
```
npm install jquery popper.js --save-dev
```
装完之后警告就会消失，而且不会给你的生产包增加冗余代码。
只引入Bootstrap的CSS（更轻量化）：保持现有Bootstrap包的安装，然后在你的Angular配置文件（比如angular.json，对应Angular 5版本的.angular-cli.json）里只配置Bootstrap的CSS路径，完全不碰JS部分：
```
"styles": [
  "node_modules/bootstrap/dist/css/bootstrap.min.css",
  "src/styles.css"
]
```
这样既用到了Bootstrap的样式，又完全避开了它的JS依赖，完美适配ng-bootstrap的使用场景。