错误描述:

今天在新建的vue项目,安装好Element-ui的时候,运行npm run dev的时候,报如下错误:

    ERROR  Failed to compile with 1 errors
    error  in ./src/views/Main.vue

Module build failed: TypeError: loaderContext.getResolve is not a function
    at Object.loader (C:\Users\Kamtao\tngeekmall\mall\node_modules\sass-loader\dist\index.js:42:61)

    @ ./node_modules/vue-style-loader!./node_modules/css-loader?{"sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{"vue":true,"id":"data-v-c1f1971a","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/Main.vue 
    4:14-369 13:3-17:5 14:22-377
     @ ./src/views/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 的问题:

此类问题一般是缺少相关依赖而导致的,对于本例,仔细看一下报错提示信息,抓住关键词,vue-style-loader!css-loader,说明是css解析的时候出了问题。
所以,解决方案就要根据情况而定,看你使用的CSS语言是什么,是 常规的 或者 less 或者 sass。

如果是 常规 的,执行 npm install stylus-loader css-loader style-loader --save-dev 安装依赖就行。

如果是 less 的,执行 npm install less less-loader --save-dev 安装依赖就行。

如果是 sass 的,执行 npm install sass sass-loader --save-dev 安装依赖就行。
或者($npm intall sass-loader --save ; $npm install node-sass --save)

如果你不知道,好吧,你三个都执行吧。

一般只有在初始化配置的的时候才会出现这个问题,如果是已经完好的项目都会在package.json中已经配好,直接install即可。

以上回答转载:https://blog.csdn.net/genius_yym/article/details/82222424

未果,仍然报错

原因:sass版本太高了

解决办法:找到package.json文件 修改成低版本(^7.3.1)

请输入图片描述

然后 cnpm install sass-loader@7.3.1
最后运行项目:npm run dev即可

参考:

https://blog.csdn.net/weixin_42420559/article/details/101196899

https://blog.csdn.net/LQ_qing/article/details/100592223

Last modification:August 7th, 2020 at 12:06 pm
如果觉得我的文章对你有用,请随意赞赏