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

更新时间：2023年06月04日 00:15:02 作者：落月爱学习

这篇文章主要介绍了Vue报错Module build failed: Error: Node Sass version 7.0.1 is incompatible with 4.0.0.解决方案,需要的朋友可以参考下

运行vue项目报错 Module build failed

Module build failed (from ./node_modules/sass-loader/dist/cjs.js):

很长一段

查了一下大概是我之前重装node导致的，重新安装一下node-sass就可以了

Module build failed (from ./node_modules/sass-loader/dist/cjs.js): 
Error: Missing binding D:\project\chinacarbonYun\node_modules\node-sass\vendor\win32-x64-72\binding.node Node Sass could not find a binding for your current environment: Windows 64-bit with Node.js 12.x Found bindings for the following environments: - Windows 64-bit with Node.js 10.x This usually happens because your environment has changed since running `npm install`. Run `npm rebuild node-sass` to download the binding for your current environment. at module.exports (D:\project\chinacarbonYun\node_modules\node-sass\lib\binding.js:15:13) at Object.&lt;anonymous&gt; (D:\project\chinacarbonYun\node_modules\node-sass\lib\index.js:14:35) at Module._compile (internal/modules/cjs/loader.js:1158:30) at Object.Module._extensions..js (internal/modules/cjs/loader.js:1178:10) at Module.load (internal/modules/cjs/loader.js:1002:32) at Function.Module._load (internal/modules/cjs/loader.js:901:14) at Module.require (internal/modules/cjs/loader.js:1044:19) at require (internal/modules/cjs/helpers.js:77:18) at getDefaultSassImplementation (D:\project\chinacarbonYun\node_modules\sass-loader\dist\getDefaultSassImplementation.js:24:10) at getSassImplementation (D:\project\chinacarbonYun\node_modules\sass-loader\dist\getSassImplementation.js:19:72) at Object.loader (D:\project\chinacarbonYun\node_modules\sass-loader\dist\index.js:40:61)

解决办法：

// 重建软件包
 npm rebuild node-sass

如果还是不行可以参考下面的文章

错误提示：

在这里插入图片描述

解决方案：

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

这是由于Sass的版本过高导致，所以根据提示将版本改为较低的版本就可以了，我这里是改为4.0.0版本。

下面是怎么改版本：

1.首先在IDE中找的package.json文件：

这是package.json文件

2. 然后打开该文件找到“sass-loader”，修改版本即可，这里修改成4.0.0 ：

在这里插入图片描述

3.在（终端）中先输入：ctrl+c在点yes终止运行

在这里插入图片描述

4.在（终端）中先输入：npm install如果未成功在输入cnpm install

在这里插入图片描述

5.最后运行：npm run dev成功

在这里插入图片描述

到此这篇关于Vue报错Module build failed: Error: Node Sass version 7.0.1 is incompatible with 4.0.0.解决方案的文章就介绍到这了,更多相关Vue报错Module build failed内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

vue实现本地存储添加删除修改功能
这篇文章主要为大家详细介绍了vue实现本地存储添加删除修改功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-11-11
vue插值表达式和v-text指令的区别
这篇文章主要介绍了vue插值表达式和v-text指令的区别，{{}}这种语法叫做插值表达式，在插值表达式中可以写任何合法的js表达式，下面来看看文章是怎么介绍该内容的吧,需要的朋友可以参考一下
2021-11-11
实例讲解vue源码架构
在本篇文章中小编给大家分享了关于vue源码架构的相关知识点内容，有需要的朋友们学习下。
2019-01-01
Vue2 响应式系统之深度响应
这篇文章主要介绍了Vue2 响应式系统之深度响应，文章基于Vue2 响应式系统的相关资料展开对Vue2 深度响应的介绍，需要的小伙伴可以参考一下
2022-04-04
vue watch中如何获取this.$refs.xxx节点
这篇文章主要介绍了vue watch中获取this.$refs.xxx节点的方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-08-08
深入探索Vue3.x中的七大高级用法
Vue3.x 自发布以来,凭借其性能的显著提升和更加灵活的组合式 API,已经成为了现代前端开发的重要工具之一,除了基本用法外,Vue3.x 还提供了许多高级功能,本文将和大家一起深入探索Vue3.x中的七大高级用法,需要的朋友可以参考下
2024-03-03
Vue 实现复制功能,不需要任何结构内容直接复制方式
今天小编就为大家分享一篇Vue 实现复制功能,不需要任何结构内容直接复制方式，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-11-11
VUE项目中调用高德地图的全流程讲解
这篇文章主要介绍了VUE项目中调用高德地图的全流程讲解，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-08-08
vue.js集成echarts时遇到的一些问题总结
这篇文章主要给大家总结介绍了关于vue.js集成echarts遇到的一些问题，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2021-04-04
vue2.0 父组件给子组件传递数据的方法
在父组件 App.vue 中引用子组件 A.vue，把 name 的值传给 A 组件。这篇文章主要介绍了vue2.0 父组件给子组件传递数据的方法,需要的朋友可以参考下
2018-01-01