Angular 5执行npm install遇peer依赖警告问题求助

我来帮你梳理下这个peer依赖警告的问题，这类情况在跨机器环境部署时很常见，咱们一步步来排查解决：

1. 核对两台机器的npm版本差异 #

Peer依赖警告的触发逻辑和npm版本直接相关，不同版本的npm对peer依赖的校验严格程度不一样。先在两台机器分别执行：

npm -v

如果版本差异较大（比如一台是npm 3，另一台是npm 7+），建议统一升级到适配Angular 5的稳定版本（比如npm 6.x系列），升级命令：

npm install -g npm@6

2. 验证第三方包的Angular 5兼容性 #

像angular4-social-login、angular2-jwt这类包，名称里的Angular版本号不一定代表它不支持Angular 5，但大概率是因为包的旧版本peer依赖声明仍指向Angular 2/4。你可以去npm官方平台查询这些包的最新版本，确认是否有适配Angular 5的分支或更新版，然后在项目的package.json中指定正确的版本号，之后重新执行npm install。

3. 清理缓存与重装依赖 #

有时候目标机器的npm缓存或残留的依赖文件会导致安装异常，执行以下步骤彻底重装：

• 删除项目根目录的node_modules文件夹：

  # Linux/macOS
  rm -rf node_modules
  # Windows
  rmdir /s /q node_modules
  

• 删除package-lock.json文件
• 清理npm缓存：

  npm cache clean --force
  

• 重新安装依赖：

  npm install
  

4. 临时忽略peer依赖警告（不推荐长期使用） #

如果暂时找不到适配的包版本，或者只是需要快速消除警告（注意：这可能隐藏潜在的兼容性问题），可以在安装时添加参数跳过peer依赖校验：

# npm 7+ 适用
npm install --legacy-peer-deps

5. 同步模板的依赖配置 #

你的项目基于angular-starter模板，可能模板本身的依赖配置在不同环境下存在差异。可以对比两台机器的package-lock.json文件，查看是否有依赖版本不一致的情况，或者拉取模板中适配Angular 5的最新版本，同步项目的依赖配置。

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