为何执行npm install安装bootstrap-vue与@fortawesome/fontawesome-free时会互相移除对方？

嘿，这个问题确实挺离谱的——我之前也碰到过类似的依赖解析诡异情况，咱们一步步来排查解决：

先明确你遇到的核心现象： #

• 单独执行 npm install --save bootstrap-vue 会移除已安装的 @fortawesome/fontawesome-free
• 单独执行 npm install --save @fortawesome/fontawesome-free 会移除已安装的 bootstrap-vue
• 只有同时指定两个包执行 npm install --save bootstrap-vue @fortawesome/fontawesome-free 才能成功保留两者
• 已经尝试删除 package-lock.json 并重新安装所有依赖，问题依旧，且从你提供的初始 package.json（无lock文件）开始操作也会出现同样问题

可能的原因&对应的解决方案： #

1. 依赖版本互斥冲突

虽然两个包本身没声明互斥，但它们依赖的某个底层包可能存在严格的版本约束，导致npm为了满足依赖规则不得不移除其中一个。

解决方法：

• 先安装其中一个包，执行 npm ls 查看完整依赖树，重点找和fontawesome相关的依赖项，看看是否有版本冲突；如果你的npm版本≥7，可以用更清晰的命令：npm explain @fortawesome/fontawesome-free 来查看它的依赖链，以及是否有其他包对它有排斥性约束。
• 手动在 package.json 的 dependencies 里固定两个包的稳定版本，比如：

  "dependencies": {
    "bootstrap-vue": "^2.23.1",
    "@fortawesome/fontawesome-free": "^6.4.0"
  }
  

  然后执行 npm install，让npm尝试解析并安装这两个指定版本的包。

2. npm版本存在解析bug

某些旧版本的npm在依赖解析逻辑上有漏洞，会导致这种不合理的包移除行为。

解决方法：
升级npm到最新稳定版：

npm install -g npm@latest

升级完成后，删除 node_modules 和 package-lock.json，重新执行 npm install，再测试单独安装两个包的情况。

3. 本地npm缓存干扰

有时候缓存的旧依赖信息会打乱npm的解析逻辑，导致异常。

解决方法：
清理npm缓存，然后重新安装：

npm cache clean --force
rm -rf node_modules package-lock.json
npm install

之后再分别测试安装两个包的操作。

如果以上方法都没解决，建议去两个包的GitHub仓库查看issue区，看看是否有其他用户遇到过同样的问题，或者提交issue向维护者反馈这个诡异的依赖冲突情况。

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