vue项目安装sass后语法编译报错：Module build

Module build failed: TypeError: this.getResolve is not a function at Object.loader 安装node-sass运行报错

安装node-scss报错

在搭建vue脚手架 或者是在vue项目中，想使用sass的功能，

npm install node-sass --save-dev //安装node-sass

npm install sass-loader --save-dev //安装sass-loader

npm install style-loader --save-dev //安装style-loader

打开build下的webpack.base.conf.js,在其中的module的rule数组中加入以下规则：

{
  test: /\.scss$/,
  loaders: ["style-loader", "css-loader", "sass-loader"]
},

安装完成后，运行时出现了错误

Modele build failed: TypeError: this.getResolve is not a function at Object.loader...

这是因为当前sass的版本太高，webpack编译时出现了错误，这个时候只需要换成低版本的就行，下面说一下修改方法，很简单，如下，找到package.json文件，里面的 "sass-loader"的版本更换掉 就行了。

我本地是将

 "sass-loader": "^8.0.0"，

更换成了

"sass-loader": "^7.3.1",

这时候一定要重新install，然后再运行项目 ，就成功了。

也可以先卸载当前版本，然后安装指定的版本

卸载当前版本 npm uninstall sass-loader

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

————————————————

转自：https://blog.csdn.net/ze1024/article/details/100516650