手动修改webpack版本后仍触发EPEERINVALID依赖错误求助

我来帮你搞定这个webpack版本冲突的问题！首先咱们先理清楚问题根源：你手动修改了package.json里的webpack版本为2.2.0，但npm还是固执地用3.10.0，这大概率是因为缓存残留或者版本锁定文件在搞鬼，再加上旧版npm（v2.14.7）本身的依赖解析逻辑问题，导致peer依赖校验失败。

先明确你的核心矛盾：

• 你的package.json里webpack指定为^2.2.0，但npm实际安装了3.10.0
• babel-loader@6.4.1（可能是某个依赖间接引入的）要求webpack版本是1/2或者2.x的测试版，3.x不满足，所以抛出EPEERINVALID错误

下面是一步步的解决方法：

1. 彻底清理现有依赖与缓存 #

这一步是关键，要把npm的缓存和本地已安装的依赖全部清空，避免旧版本干扰：

• 删除项目根目录下的node_modules文件夹（Windows下可以用命令rd /s /q node_modules，直接右键删除也可以）
• 如果你的项目里有npm-shrinkwrap.json文件（npm 2.x用来锁定版本的文件），也一并删除
• 执行缓存清理命令：npm cache clean --force（旧版npm可能只需要npm cache clean，加--force确保彻底清理）

2. 调整package.json的依赖配置 #

确保你的依赖版本完全兼容：

• 确认webpack的版本保持为"webpack": "^2.2.0"（你已经改好了，不用动）
• 把babel-loader的版本明确指定为兼容webpack 2.x的版本，比如"babel-loader": "^7.1.5"（7.x系列完全支持webpack 2.x，能避免间接引入的6.x版本搞事）
  你的package.json里当前是"babel-loader": "7.1"，改成带^的版本范围，让npm安装兼容的最新小版本

调整后的相关依赖片段参考：

"dependencies": {
  "axios": "^0.17.1",
  "react": "16.0.0",
  "react-dom": "16.2.0",
  "react-router-dom": "^4.2.2",
  "rest": "^2.0.0",
  "webpack": "^2.2.0"
},
"devDependencies": {
  "babel-core": "^6.18.2",
  "babel-loader": "^7.1.5",
  "babel-polyfill": "^6.16.0",
  "babel-preset-es2015": "^6.18.0",
  "babel-preset-react": "^6.16.0"
}

3. 重新安装依赖 #

现在可以重新安装依赖了：

• 先执行npm install，安装基础依赖，这时候npm会严格按照package.json里的webpack版本2.2.0来安装
• 再执行npm install --save reactstrap@next react react-dom，安装reactstrap和相关依赖，这时候peer依赖校验就会通过了

额外建议：升级Node.js和npm版本 #

你当前使用的Node.js v4.2.2和npm v2.14.7版本非常老旧，很多新的依赖包已经不再支持这些版本，而且旧版npm的依赖解析逻辑容易出现各种冲突。如果你的Windows 7系统允许，建议升级到Node.js 14.x LTS版本（Windows 7最高支持Node.js 14），这样npm版本会自动升级到6.x，能大大减少依赖冲突的问题。

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