Vue报错Module build failed Error Node Sass version 6.0.1 is incompatible with ^4.0.0.解决方案

亦凉 2023-10-02 09:47 54阅读 0赞

## Vue报错Module build failed: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.解决方案 ##

**错误提示：**

ERROR  Failed to compile with 1 errors                                                                                                                                      下午6:51:57
     
     error  in ./src/views/Login.vue
     
    Module build failed: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.
        at getSassImplementation (D:\IDEA\IDEA Projects\Vue\hello-vue\node_modules\_sass-loader@9.0.3@sass-loader\dist\utils.js:77:13)
        at Object.loader (D:\IDEA\IDEA Projects\Vue\hello-vue\node_modules\_sass-loader@9.0.3@sass-loader\dist\index.js:34:59)
     
     @ ./node_modules/vue-style-loader!./node_modules/css-loader?{
        "sourceMap":true}!./node_modules/vue-loader/lib/style-compiler?{
        "vue":true,"id":"data-v-26084dc2","scoped":true,"hasInline
    Config":false}!./node_modules/_sass-loader@9.0.3@sass-loader/dist/cjs.js?{"sourceMap":true}!./node_modules/vue-loader/lib/selector.js?type=styles&index=0!./src/views/Login.vue 4:14-389
     13:3-17:5 14:22-397
     @ ./src/views/Login.vue
     @ ./src/router/index.js
     @ ./src/main.js
     @ multi (webpack)-dev-server/client?http://localhost:8080 webpack/hot/dev-server ./src/main.js

解决方案：

找到问题所在：Module build failed: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.

这个问题是因为Sass的版本过高导致，所以根据提示将版本改为对应的版本就可以了，这里是改为4.0.0版本。

**第一步、首先在IDE中找的package.json文件：**

![img][]

**第二步、找到sass-loader 将其版本改为4.0.0**

![img][img 1]

最后再执行

cnpm install

31716964228)\]

最后再执行

cnpm install

npm run dev

[img]: https://img-blog.csdnimg.cn/img_convert/122f7eb5c61dbf8b0b5ed4fb7af23bc3.png
[img 1]: https://img-blog.csdnimg.cn/img_convert/4b680c323b86f2892a64f4e062c5ab51.png