安装node,以及npm install报错问题,各种踩坑和解决方法总结。

想必每位前端工程师,在开发Vue,React都需要node和npm依赖,而安装环境,永远是问题是最多的一步,往往是很多入门前端人头疼的地方。接下来我来为大家分享个人亲身node的体验和bug归属以及如何解决的方法总结。

从node的镜像源先说起,下载node默认源是外国的,在中国可能相对来说,可能会出现连不上或者安装速度慢,我们这时可以优先选择国内淘宝镜像。

npm config get registry
# 查看当前的 npm 源 npm 
config set registry https://registry.npm.taobao.org
# 修改后的源

Node版本下载

可从官网下载指定版本Node.js官网下载,相对于小白首次下载还是比较容易上手的
对于不同项目的工程师需要不同的node版本也可以下载使用nvm管理node,本人亲测还是很好用的,选择版本的话,建议不要使用太新或者太老,稳定版最好用,当然大牛使用除外。

npm install安装报错总结

1.环境变量设置路径是否配置正确
安装node,以及npm install报错问题,各种踩坑和解决方法总结。_第1张图片

2.npm安装路径在.npmrc里配置是否正确
安装node,以及npm install报错问题,各种踩坑和解决方法总结。_第2张图片
安装node,以及npm install报错问题,各种踩坑和解决方法总结。_第3张图片

3.npm install 大致出错点,在修改这些环境变量后,最重要的是更新缓存,重启电脑,杀掉进程。一般你的项目就能正常运行啦。

npm cache clean --force
#删掉缓存

npm install 报错之package-lock.json

Bug由来

场景举例:当从git公司拉回vue项目,本地配置没有出错的话,会出现安装报错。

查其原因,发现是package.json文件的依赖模块版本号没有固定,如 “roadhog”: "2.6.0-beta.4",这里有个安装的时候会安装2.x.x的最新版本,因为这期间该模块有更新,导致两次install的版本不一样,所以项目报错了。
解决办法:方法还是很多可以解决的,相对于小白来说最简单粗暴的方法,直接删掉package-lock.json,再次进行npm install就行。
一百个程序猿一百个解决方法,欢迎每一个阅读此博客的大佬的点评!

你可能感兴趣的:(node.js,npm,vue.js)