高秀英 发表于 2024-6-11 12:23:27

vue如何解决sass-loader的版本过高导致的编译错误

vue sass-loader的版本过高导致的编译错误



解决办法

请将webpack升级到4版本或将sass-loader降级到7版本。
cd到项目文件里面运行下面
npm uninstall sass-loader(卸载当前版本)
npm install sass-loader@7.3.1 --save-dev备注:

在VUE项目中安装scss

1、安装sass依赖包,打开命令行输入:
npm install sass-loader -D2、安装完依赖后,在webpack.config.js的rules里面添加配置
{
test: /.scss$/,
loaders: [‘style', ‘css', ‘sass']
},3、使用方法
<style lang='scss' scoped>
$redColor: red;
div {color: $redColor;}
</style>
sass-loader高版本问题,解析就报错!!

安装了sass-loader8.0版本后,webpack解析出现了报错,如下:
Module build failed: TypeError: this.getResolve is not a function;报错主要在于版本太高目前的环境依赖不了
解决办法

npm uninstall sass-loader npm install sass-loader@7.1.0 --save-dev这里我降低了一个版本,安装了7.1版本,解析成功!!

总结

以上为个人经验,希望能给大家一个参考,也希望大家多多支持脚本之家。

来源:https://www.jb51.net/javascript/322270jfl.htm
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
页: [1]
查看完整版本: vue如何解决sass-loader的版本过高导致的编译错误