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.<anonymous> (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文件

这是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内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

相关文章

  • Vue3实现图片放大镜效果

    Vue3实现图片放大镜效果

    这篇文章主要为大家详细介绍了Vue3实现图片放大镜效果,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • DeepSeek 助力 Vue 开发丝滑的表单验证Form Validation功能

    DeepSeek 助力 Vue 开发丝滑的表单验证Form Validation功能

    文章介绍了如何使用Vue3的组合式API创建一个表单验证组件,并提供了详细的代码示例,组件支持双向绑定、自定义验证规则、样式和布局等功能,还涵盖了组件的调用示例、路由配置和页面展示入口
    2025-02-02
  • vue中改变选中当前项的显示隐藏或者状态的实现方法

    vue中改变选中当前项的显示隐藏或者状态的实现方法

    下面小编就为大家分享一篇vue中改变选中当前项的显示隐藏或者状态的实现方法,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-02-02
  • vue3中getCurrentInstance获取组件踩坑及解决

    vue3中getCurrentInstance获取组件踩坑及解决

    这篇文章主要介绍了vue3中getCurrentInstance获取组件踩坑及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2025-06-06
  • vue3 hook自动导入原理解析

    vue3 hook自动导入原理解析

    这篇文章主要介绍了vue3 hook自动导入的原理,介绍了API的自动导入及组件的自动导入,本文结合实例代码给大家介绍的非常详细,需要的朋友可以参考下
    2022-09-09
  • Vue在线预览Excel和Docx格式文件实现方式

    Vue在线预览Excel和Docx格式文件实现方式

    Vue-Office是一个适用于Vue2和Vue3的Office文件格式在线预览插件,支持Word、Excel、PDF和PowerPoint等多种文件格式,它提供了简单集成、良好用户体验和性能优化等功能,适用于非Vue框架
    2025-12-12
  • vue组件表单数据回显验证及提交的实例代码

    vue组件表单数据回显验证及提交的实例代码

    今天小编就为大家分享一篇vue组件表单数据回显验证及提交的实例代码,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-08-08
  • vue组件间的通信,子组件向父组件传值的方式汇总

    vue组件间的通信,子组件向父组件传值的方式汇总

    这篇文章主要介绍了vue组件间的通信,子组件向父组件传值的方式汇总,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2023-03-03
  • axios+vue请求时携带cookie的方法实例

    axios+vue请求时携带cookie的方法实例

    做项目时遇到一个需求,后端需要在接口请求时,对用户登陆状态进行判断,需要在请求时携带Cookie,下面这篇文章主要给大家介绍了关于axios+vue请求时携带cookie的相关资料,需要的朋友可以参考下
    2022-09-09
  • vue如何使用rem适配

    vue如何使用rem适配

    这篇文章主要介绍了vue如何使用rem适配,帮助大家处理vue开发移动应用时的兼容性问题,感兴趣的朋友可以了解下
    2021-02-02

最新评论