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子组件调用父组件事件的3种方法实例
大家在做vue开发过程中经常遇到父组件需要调用子组件方法或者子组件需要调用父组件的方法的情况,这篇文章主要给大家介绍了关于Vue子组件调用父组件事件的3种方法,需要的朋友可以参考下
2024-01-01
解决vue项目router切换太慢问题
这篇文章主要介绍了解决vue项目router切换太慢问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-07-07
使用element+vuedraggable实现图片上传拖拽排序
这篇文章主要为大家详细介绍了使用element+vuedraggable实现图片上传拖拽排序，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2022-04-04
vue自定义指令实现仅支持输入数字和浮点型的示例
今天小编就为大家分享一篇vue自定义指令实现仅支持输入数字和浮点型的示例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2019-10-10
vue实现的仿淘宝购物车功能详解
这篇文章主要介绍了vue实现的仿淘宝购物车功能,结合完整实例形式较为详细的分析了vue.js仿淘宝购物车功能的具体样式、功能相关实现技巧与操作注意事项,需要的朋友可以参考下
2019-01-01
vue使用vite配置跨域以及环境配置详解
跨域是指当一个资源去访问另一个不同域名或者同域名不同端口的资源时,就会发出跨域请求,下面这篇文章主要给大家介绍了关于vue使用vite配置跨域以及环境配置的相关资料,需要的朋友可以参考下
2022-07-07
Vue3 - setup script的使用体验分享
Vue3中的setup一种是setup函数,一种是script setup,这篇文章主要给大家介绍了关于Vue3 - setup script使用的相关资料,文中通过示例代码介绍的非常详细,需要的朋友可以参考下
2022-03-03
Vue路由history模式解决404问题的几种方法
这篇文章主要介绍了Vue路由history模式解决404问题的几种方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
2018-09-09
uni-app中App与webview双向实时通信详细代码示例
在移动应用开发中,uni-app是一个非常流行的框架,它允许开发者使用一套代码库构建多端应用,包括H5、小程序、App等,这篇文章主要给大家介绍了关于uni-app中App与webview双向实时通信的相关资料,需要的朋友可以参考下
2024-07-07
vuepress打包部署踩坑及解决
这篇文章主要介绍了vuepress打包部署踩坑及解决方案，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-09-09