启动Vue项目发生的错误总结

启动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版本