【BUG】Vue中安装sass依赖,style引用出现报错。sass-loader高版本的坑

Vue安装成功后,在Style中使用,但是出现以下报错


页面出现的

Failed to compile.

./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-582df0cc","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/HelloWorld.vue
Module build failed: TypeError: this.getResolve is not a function
    at Object.loader (D:\A-SoftwarePath\Environment\Vue+Element\kitty-ui\node_modules\sass-loader\dist\index.js:52:26)
 @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-582df0cc","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/HelloWorld.vue 4:14-375 13:3-17:5 14:22-383
 @ ./src/views/HelloWorld.vue
 @ ./src/router/index.js
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

npm内出现的

基本上都是sass-loader的版本过高导致的编译错误,所需要降低版本


解决办法:cd到项目文件里面运行下面

npm uninstall sass-loader(卸载当前版本)
npm install sass[email protected] --save-dev

如果还出现问题提示node-sass未安装或未存在,可以在安装一遍node-sass就OK了

猜你喜欢

转载自www.cnblogs.com/yzm1999/p/12400704.html