启动Vue项目发生的错误总结
切记:打开 WebStorm的时候用管理员的方式打开
1.安装node_module失败
我是用了淘宝镜像 --> 不可行 其 根本原因是: 版本不兼容
npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/
npm install --registry https://registry.npm.taobao.org
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-PPAfaPma-1637222662023)(C:\Users\ASUS\AppData\Roaming\Typora\typora-user-images\1637139934167.png)]
解决方法: --> 也可以尝试无法解决的方法 因为每个人发生的错误都不一样 或许就能成功
-
管理员方式打开 : 无法解决
-
npm i : 无法解决
-
删除node_modules文件,重新 npm install :无法解决
-
将package-lock.json文件删掉,再执行npm install命令:无法解决
-
清楚缓存再试试:无法解决
-
用淘宝镜像按以下步骤: 已解决
项目中有package.json 文件 没有 node-modules 操作步骤 1: 管理员 cmd 执行 2: 先安装nrm npm install nrm -g 3: nrm ls 查看使用镜像 4: nrm use taobao 指定使用淘宝镜像 5: 如果使用cnpm 需要安装 前面如果不使用nrm切换 ,此处也可以指定淘宝镜像仓库 npm install -g cnpm --registry=https://registry.npm.taobao.org 6: cnpm install 安装node-modules
2.清除缓存 -->如果多次尝试安装 ,请清除一下缓存 或者 调整心态重启一下电脑
npm cache clean -- 错误
npm cache clean --force --正确
3.版本不兼容
npm run serve 启动失败
问题:Syntax Error: Error: PostCSS received undefined instead of CSS string
1.解决方法:无法解决
#卸载node-sas和sass-loader
npm uninstall node-sass
npm uninstall sass-loader
#安装node-sas和sass-loader
npm install node-sass@4.14.1
npm install sass-loader@8.0.0
2.解决方法:
尝试降低node版本:v12.16.1 --> 需下载nvm管理工具
- 卸载node流程:
1.首先卸载node.exe目录下的 所有文件,彻底清理 需在控制面版删除node.js
2.删除环境变量里面的路径
3.下载nvm --> 由于gihub登录很慢所以直接搜索nvm安装包下载即可 如需要安装包
qq:1519778695
4.下载完以后详细安装可访问:https://www.jb51.net/article/202124.htm
5.坑: node成功了,但npm没成功
在nvm文件夹下settings里配置一下node和npm的安装地址,这样nvm安装node和npm时直接从淘宝镜像下载,可能就不会出错了。然后回到cmd窗口重新 nvm install 13.11.0(自己想下的版本) ,这时node和npm都安装成功了
settings.txt 后面加两行:
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/
6.坑:node和npm都不成功
- 明明信息显示node和npm都安装成功了,也nvm use 11.13.0 了,但是还是找不到Node和npm的命令,按照网上资料应该是他没有配置node环境变量,自己看了下,确实没有配置,但是配置好之后依然不成功, 所以这种情况下,只能卸载nvm,重新安装该软件,重新试一遍。win10系统安装nvm经常会出现问题,有时nvm安装了,但是cmd 输入 nvm 找不到命令,有时即使可以正常用nvm安装node,但是键入node命令和npm命令提示拒绝访问,这时候同理卸载nvm重新安装一下就好了。
- 配置都没问题了,但是打包运行还是出错,可以把node_modules里的依赖包都删除,切换到指定node版本,再重新npm(cnpm) i -d
7.坑:node-sass安装失败
gyp verb check python checking for Python executable "python" in the PATH
gyp verb `which` succeeded python D:Program FilesPython38python.EXE
gyp ERR! configure error
gyp ERR! stack Error: Command failed: D:Program FilesPython38python.EXE -c import sys; print "%s.%s.%s" % sys.version_info[:3];
gyp ERR! stack File "<string>", line 1
gyp ERR! stack import sys; print "%s.%s.%s" % sys.version_info[:3];
原因:
print “%s.%s.%s” % sys.version_info[:3];
为python2.x版本的语法,如果本地安装的是python3.x,就会报此错误
解决方法:
1.删除项目中的package-lock.json文件,清楚缓存,更新版本号
rm ./package-lock.json (如果windows系统,手动删除即可)
# linux 或windows cmd命令窗口下:
npm cache clear --force
npm install -g npm
2. 修改package-lock.json中依赖包的版本号
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-uAJnbbk2-1637222662027)(C:\Users\ASUS\AppData\Roaming\Typora\typora-user-images\1637218846063.png)]
这是我的版本 可以参考 , 但不唯一,只能一个一个去尝试 更换版本–>坚持就能成功
3.重新运行npm install 命令 既可以成功
[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-Y6Nh61Yd-1637222662028)(C:\Users\ASUS\AppData\Roaming\Typora\typora-user-images\1637218995269.png)]
8.nvm 常用命令
nvm ls // 查看已安装的nodejs版本
nvm list available // 查看可安装的node版本
nvm install 11.13.0 // 安装11.13.0 版本
nvm use 11.13.0 // 使用11.13.0 版本
vm uninstall 11.13.0 // 卸载11.13.0版本
able // 查看可安装的node版本
nvm install 11.13.0 // 安装11.13.0 版本
nvm use 11.13.0 // 使用11.13.0 版本
vm uninstall 11.13.0 // 卸载11.13.0版本