vue 引入 scss 編譯報錯:Module build failed: TypeError: this.getResolve is not a function

vue 引入 scss 編譯報錯:

./node_modules/css-loader?{“sourceMap”:true}!./node_modules/vue-loader/lib/style-compiler?{“vue”:true,“id”:“data-v-1168d9a7”,“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/components/app_main.vue
Module build failed: TypeError: this.getResolve is not a function
at Object.loader (D:\WORK\VueProject\XiaoWei\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-1168d9a7”,“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/components/app_main.vue 4:14-373 13:3-17:5 14:22-381
@ ./src/components/app_main.vue
@ ./src/router/index.js
@ ./src/main.js
@ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

在這裏插入圖片描述

在這裏插入圖片描述

問題原因:

sass-loader 版本過高,當前版本是 8.0.2

解決方法:

sass-loader 版本降爲7.3.1

# 卸載當前版本
npm uninstall sass-loader

# 安裝指定版本
npm install sass-loader@7.3.1 --save-dev 
發佈了119 篇原創文章 · 獲贊 11 · 訪問量 6萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章