TypeError: this.getResolve is not a function

前言

最近剛好一些專案需求，所以會使用 Vue Cli2，但是在環境架設上突然發生一個錯誤，所以這一篇就來紀錄一下解決原因

發生錯誤原因

通常我們要安裝 bootstrap 跟 scss 一定會輸入以下指令

1	`npm install bootstrap node-sass sass-loader --save`

所以 package.json 就會安裝以下資訊

"dependencies": {
  "bootstrap": "^4.4.1",
  "node-sass": "^4.13.1",
  "sass-loader": "8.0.3",
  "vue": "^2.5.2",
  "vue-router": "^3.0.1"
},

接下來就會進去寫 scss，但是這時候就會發生一個錯誤

Module build failed: TypeError: this.getResolve is not a function
    at Object.loader (/Users/rayxu/HexGitHub/vuewebpack/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-7ba5bd90","scoped":false,"hasInlineConfig":false}!./node_modules/sas
s-loader/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/A
pp.vue 4:14-357 13:3-17:5 14:22-365
 @ ./src/App.vue
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

這個問題是在於 sass-loader 安裝的版本太高所導致的錯誤，所以只需要將該版本像下降版本就可以解決囉

舉例來講我是將我的 sass-loader 改成 7.3.1，然後刪除 node_modules 資料夾重新 npm install 就可以解決哩

"dependencies": {
  "bootstrap": "^4.4.1",
  "node-sass": "^4.13.1",
  "sass-loader": "7.3.1",
  "vue": "^2.5.2",
  "vue-router": "^3.0.1"
},

參考文獻

https://github.com/webpack-contrib/sass-loader/issues/761#issuecomment-554608680

TypeError: this.getResolve is not a function

前言

發生錯誤原因

參考文獻

你的支持會直接轉換成更多技術筆記

Terminal

相關文章

分享這篇文章

留言

前言

發生錯誤原因

參考文獻

你的支持會直接轉換成更多技術筆記

Terminal

相關文章

常見面試考題之 Vue 與 React 差異在哪裡？以及為什麼 React 比較紅？

關於在 Vue 的 Single-File Components 上使用 HOF 分析

解決 「quill Overwriting modules/xxx with class...」問題

就算不讀 Clean Code，你也可以把程式碼寫好

分享這篇文章

留言

解決「quill Overwriting modules/xxx with class...」問題