快速解决NPM报错：peerDependencies WARNING

Posted 2023-05-02

参考技术A 今天遇到一个问题：安装Webpack 3.x之后其它包提示peerDependencies WARNING，意思是包版本不兼容。

【难题】虽然NPM已经很自动化了，但依赖问题真的是一个难题，无法自动解决，需要人工干预调整。 StackOverflow上的这篇问答 也说了该问题无法自动处理。

【解决办法】去查各个版本的依赖关系，人工调整版本号。每个包的依赖关系都是放在package.json里面的，一个个版本去看当然很麻烦，这里介绍一个小技巧。

例如我们现在安装了Webpack 3，package.json如下：

但是安装 npm install --save-dev sass-loader 的时候报错了，
错误比较明确说了sass-loader需要依赖新版的webpack，但是安装的webpack偏旧：

现在我们需求明确要用Webpack 3，那只能让sass-loader降级了，问题是降到哪个版本呢？这里我们通过 npm view 命令来帮助我们寻找合适的版本。

当遇到版本依赖问题时，只能人工处理。

可以利用 npm view <pkgname> [field] 快速查看package.json的某个字段，也可以加上版本号使用 npm view <pkgname>@version ，如果不知道一共有哪些历史版本可以敲 npm view <pkgname> versions 。npm view的用法见 官网文档 。

人工寻找版本是不可避免的，为了提升效率可以：

npm install 和npm start各种报错无法解决的问题

记一次npm install 和npm start各种报错的问题,个人理解，如若有错请指证

***npm install下载速度缓慢，会中途终止怎么办？

答:1、安装淘宝镜像，npm  config set registry https://registry.npm.taobao.org --global    npm config set disturl https://npm.taobao.org/dist --global

由于npm是国外服务器，所以安装这个之后会快很多，或者是安装cnpm

2、中途终止要删除node_modules然后再重新npm install

***如何清除npm缓存？

答：说说我自己遇到的问题，我的npm start无法正常使用，排除是start的问题，于是，我就想npm出问题了

1、清除npm缓存：先使用npm uninstall npm -g 之后npm -v发现还存在，于是使用npm cache clean清除缓存

之后npm install可以使用，npm start开启一个项目依然无法使用

***npm start无法使用是为什么 ？

答：因为环境变量，由于安装android模拟器以及很多模拟器，造成了npm的环境变量不见了，所以报错

npm的环境变量应该在用户变量的path下：c:\Users\yonghuming\AppData\Roaming\npm

谨记：环境变量不能乱配，否则会影响其他功能