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

高秀英

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



解决办法

请将webpack升级到4版本或将sass-loader降级到7版本。
cd到项目文件里面运行下面

1. npm uninstall sass-loader（卸载当前版本）
   
2. npm install sass-loader@7.3.1 --save-dev

复制代码

备注：

在VUE项目中安装scss

1、安装sass依赖包，打开命令行输入：

1. npm install sass-loader -D

复制代码

2、安装完依赖后，在webpack.config.js的rules里面添加配置

1. {
   
2. test: /.scss$/,
   
3. loaders: [‘style', ‘css', ‘sass']
   
4. },

复制代码

3、使用方法

1. <style lang='scss' scoped>
   
2.   $redColor: red;
   
3.   div {color: $redColor;}
   
4. </style>

复制代码

sass-loader高版本问题，解析就报错！！

安装了sass-loader8.0版本后，webpack解析出现了报错，如下：

1. Module build failed: TypeError: this.getResolve is not a function；

复制代码

报错主要在于版本太高目前的环境依赖不了
解决办法

1. 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】 我们会及时删除侵权内容，谢谢合作！