Failed to resolve loader: sass-loader

Failed to resolve loader: sass-loader
在这里插入图片描述

写vue时,出现这个错误,说明项目中使用了 sass 或 scss 样式文件,并且没有安装 sass-loader 时会出现。

sass-loader 是一个 Webpack 加载器,用于将 sass 或 scss 样式文件转换为 css 样式文件,以便浏览器可以理解。

解决办法,就是安装sass-loader

 npm install sass-loader sass --save-dev

哦呵,报错了

在这里插入图片描述
分析错误,就是安装的这个包版本太高了,跟其他的插件不兼容。

那就是降版本,我下面是随便找了一个低版本,其实可以根据自己的项目插件,找一个合适项目的。

npm install sass-loader@7.3.1  --save-dev

在这里插入图片描述
在这里插入图片描述
安装,运行均不报错,问题解决!

总结下:其实解决过程很简单,就是降版本,安装合适的。
中间其实我绕了很多路,我找了其他可运行的项目,复制了package.json里面的sass-loader的版本,然后安装,发现不行
接着我找问题,发现我的vue-cli版本不一样,然后我又去升级自己的vue-cli版本,还不行
然后又发现webpack的版本不一样,又去调整版本,结果就是还是不行!
最后我就把调整的都恢复到修改前,然后从报错出发

既然是安装的sass-loader版本高了,那就降低它的版本,毕竟安装这个插件前,本地代码是可以跑起来的
那就降版本安装,最后一把成功。

归根结底就是想太复杂了,根据报错,去寻找答案是最快的。某些时候,去参考隔壁项目,很可能越陷越深!以此简单的解决问题过程,给自己提个醒。也给大家填个坑!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值