vue 中使用scss, 报错 Module build failed: TypeError: Resolve is not a function

vue 中使用scss, 报错 Module build failed: TypeError: Resolve is not a function

使用步骤：

1.打开终端，安装sass依赖包

npm install --save-dev sass-loader   //sass-loader依赖于node-sass
npm install --save-dev node-sass

2.在build文件夹下的f.js的rules里面添加以下配置

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

3.修改 style标签 lang=“scss”， 启动项目，报错如下：

Module build failed: TypeError: Resolve is not a functionat getWebpackImporter (D:ideacomponentmallmall-uinode_modulessass-loaderdistutils.js:278:37)at Object.loader (D:ideacomponentmallmall-uinode_modulessass-loaderdistindex.js:42:61)@ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-fae5bece","scoped":true,"hasInlineConfig":false}!./node_modules/sass-loader/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/views/Home.vue 4:14-369 13:3-17:5 14:22-377@ ./src/views/Home.vue@ ./src/router/index.js@ ./src/main.js@ multi (webpack)-dev-server/client?localhost:8081 webpack/hot/dev-server ./src/main.js

报错解决：

这个错误一般都是由sass-loader版本过高导致的，版本号可以在 package.json 中查看

卸载原来的 npm uninstall sass-loader

安装指定版本 npm install sass-loader@4.1.0 --save