搞了两个小时,排查是版本不匹配的问题:提供几种思路
NODE-SASS
一、NODE版本导致
node -v
如果是V16+,先尝试一下小代价的命令,不行就只能卸载Node了
(1)【小代价】卸载不一致的sass,如果不行请(2)
// 卸载命令
npm uninstall sass-loader
npm uninstall node-sass -D
// 安装
npm i node-sass@4.14.1 --save-dev
npm i sass-loader@10.1.0 --save-dev
(2)【重装】重装
如果的版本是V16+,并且代码脚手架是网上下载的,如ElementUI,那请重新装一个V14版本
NODE官网
(重装很简单,Window自带卸载。但是记得要修改环境配置、重新打开VSCode)
1.1 重装Node之后导致的 Failed to resolve loader: sass-loader
重装之后其他对应配置也要修改,可能会触发报错(引用Saas报错)
需要对应安装sass和loader(且慢)
npm i node-sass -D
npm i sass-loader -D
但是,上述命令默认安装的都是最新版本,可能会出现版本不匹配导致的报错(一种最优解)
npm i node-sass@4.14.1 --save-dev
npm i sass-loader@10.1.0 --save-dev
最后愉快的 npm run dev ,成功~
1.2 重装Node后,可能其他所有都要重装
谁知道之前你有什么骚操作,所以可能会需要重新配置…
本质:命令要重新打一遍(网上很多,此处只列举命令)
// 安装npm
npm install -g cnpm --registry=https://registry.npm.taobao.org
// 安装 vue-cli
npm install vue-cli -g
// 安装webpack
npm install webpack -g
// 选装:安装sass(如果用到的话,如果没用到不安装)
npm i node-sass@4.14.1 --save-dev
npm i sass-loader@10.1.0 --save-dev
参考:sass-loader与node-sass不匹配导致的问题
1.3 如果还不行,Node已经为V14,请继续百度
有更好的方式可以留言,欢迎讨论
二、资源缺失
2.1 网络原因导致
原因:网络的原因导致下载安装的no-model报的缺失,导致了项目的不完整,所以导致不能重启
cnpm install node-sass@latest
此原因参考:https://blog.csdn.net/weixin_45114701/article/details/100811980
这种方法,大家可以尝试下,我没遇到…
三、安装node-sass时报python2错误
3.1 网络原因
网络隔离(FQ)的问题导致
(1)设置sass_binary_site指向淘宝镜像地址
npm i node-sass --sass_binary_site = https://npm.taobao.org/mirrors/node-sass/
或者设置系统环境变量的方式
// linux、mac 下
SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install node-sass
// window 下
set SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ && npm install node-sass
(2)代理后安装Sass
cnpm install node-sass
(3)愉快的 npm run dev,成功~
npm run dev
评论区欢迎补充讨论,避免其他人踩坑,毕竟刚学都是小白