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

在搭建vue脚手架或者是在vue项目中，想使用sass的功能，npm install node-sass --save-dev//安装node-sassnpm install sass-loader --save-dev//安装sass-loadernpm install style-loader --save-dev//安装style-loader安装完成后，运行时出现了错误Modele bu

宋文轩

4088人浏览 · 2021-07-19 15:28:11

宋文轩 · 2021-07-19 15:28:11 发布

在搭建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

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

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",
这时候重新跑项目，就运行成功了。

具体步骤：先卸载当前版本，然后安装指定的版本。

1.卸载当前版本   npm uninstall sass-loader
2.安装指定版本   npm install sass-loader@7.3.1 --save-dev

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^