启动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: 先安装nrmnpm install nrm -g3: 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版本