我要评论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 -d
2、安装完依赖后，在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版本，解析成功！！
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持代码网。
发表评论