天天看點

Module build failed: TypeError: this.getResolve is not a function at Object.loader 使用vue-cli 建立項目 使用sass時報錯 -- 等其他sass 報錯 ./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib

Module build failed: TypeError: this.getResolve is not a function at Object.loader 使用vue-cli 建立項目 使用sass時報錯 -- 等其他sass 報錯 ./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib

已經安裝了 sass相關依賴包

npm  install sass-loader --save-dev

npm install node-sass --sava-dev

并且在build檔案下webpack.base.conf.js檔案中 添加

  {

        test: /\.scss$/,

        loaders: ["style", "css", "sass"]

   },

Module build failed: TypeError: this.getResolve is not a function at Object.loader 使用vue-cli 建立項目 使用sass時報錯 -- 等其他sass 報錯 ./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib

但是還是報錯

Module build failed: TypeError: this.getResolve is not a function at Object.loader 使用vue-cli 建立項目 使用sass時報錯 -- 等其他sass 報錯 ./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib

查找原因:是因為預設安裝的sass是最新版本,版本太高了,是以webpack報錯了

解決方案:解除安裝目前版本   npm uninstall sass-loader   重新下載下傳7.3.1版本的  npm install [email protected] --save-dev

最終運作 npm run dev 啟動項目