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
————————————————