【vue】Node Sass version 6.0.1 is incompatible with ^4.0.0.

解决npm run dev中node-sass版本兼容问题

原创已于 2022-06-14 13:58:51 修改 · 2.2k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#elementui #ui #vue.js

于 2022-06-14 13:44:47 首次发布

博客主要围绕npm run dev提示Node Sass版本不兼容问题展开。指出原因是node-sass版本过高，先介绍网上卸载重装低版本的方法但未成功，后给出作者自己的解决办法，即使用npm install相关命令安装特定版本的sass-loader和node-sass。

一、问题

npm run dev 提示错误：Node Sass version 6.0.1 is incompatible with ^4.0.0.

二、原因

node-sass 版本过高，卸载重装低版本

三、解决办法

1、卸载：npm uninstall node-sass
2、安装：npm install node-sass@4.12.0
3、运行：npm run dev

这是网上别人说的方法，实际上未能成功，以下是我的解决办法：
npm install sass-loader node-sass --save-dev
npm install node-sass@4.14.1 --save-dev

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

小茂不小

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Syntax Error: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.

郭宝的博客

10-23

1860

背景：在安装sass-loader时，运行项目以后出现该问题解决办法：

Vue - Syntax Error: Error: Node Sass version 6.0.0 is incompatible with ^4.0.0.

🏆 前端领域优质创作者

07-23

3191

https://blog.csdn.net/faceqq/article/details/118339435

参与评论您还未登录，请先登录后发表或查看评论

npm run serve Syntax Error: Error: Node Sass version 7.0.0 is incompatible with ^4.0.0.

XING的博客

10-13

477

项目由于安装的node版本不同，安装依赖后导致项目运行失败并有报错问题。首先需要。

Syntax Error: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0

lchmyhua88的博客

06-04

1874

Syntax Error: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0，提示：Error: Rule can only have one resource source (provided resource and test + include + exclude)

Node Sass version 6.0.1 is incompatible with ^4.0.0.

努力的nana

12-06

8028

Node下载：https://nodejs.org/en/download/releases/ node-sass官方文档：https://github.com/sass/node-sass/releases 运行项目报错：第一种错误：Node Sass version 6.0.1 is incompatible with ^4.0.0. 第二种错误：第三种错误： Node Sass could not find a binding for your current environment: Wind

npm报错Error: Node Sass version 7.0.1 is incompatible with ^4.0.0.

邓邓子的博客

03-17

2544

目录一、问题描述二、解决方法1.方法12.方法2 一、问题描述 npm 编译报错：Error: Node Sass version 7.0.1 is incompatible with ^4.0.0. Syntax Error: Error: Node Sass version 7.0.1 is incompatible with ^4.0.0. @ ./node_modules/vue-style-loader??ref--8-oneOf-1-0!./node_modules/css-loader

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

drhrht的博客

03-09

4637

错误提示：解决方案：找到问题所在：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

Module build failed Error Node Sass version 7.0.0 is incompatible with ^4.0.0.@node_sass版本问题解决总汇

m0_67394360的博客

03-03

529

今天学习的时候遇到一个恶心的问题由于我的node.js为16.13.0 版本在学习vue时对着狂老师的代码敲时由于版本号不对应导致 node-sass 4.13.0 sass-loader 7.3.1 一直报错都麻了解决了好久。由于继承了老师所说的用就要用最新的原则我改了半天终于解决了。艰辛 # 进入工程目录 cd hello-vue # 安装 vue-router npm install vue-router --save-dev # 安装 element-ui npm i element-ui

【异常】Node提示Syntax Error: Error: Node Sass version 9.0.0 is incompatible with ^4.0.0.

本本本添哥

09-10

2304

这个错误信息指出你的 Node Sass 版本（9.0.0）与你的项目中使用的 Sass 版本（^4.0.0）不兼容。这通常意味着你需要确保你的 Node Sass 版本与你的项目中使用的 Sass 版本相匹配。

Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.

qq_33240556的博客

04-12

1945

注：尽管上述内容并未直接涉及财务领域，但在软件开发项目的成本管理和技术维护上，理解此类依赖关系及其解决方案对于确保项目预算的有效利用和技术稳定运行至关重要。或者，如果您希望继续使用Node Sass 6.0.1（或最新版本），并且您的项目支持它，则可能需要更新依赖于较旧Node Sass版本的其他依赖项。表示您的项目需要一个与4.x版本或更高版本兼容的Node Sass，但您当前安装的版本为6.0.1，不符合要求。确保您的Node.js版本与所安装的Node Sass版本兼容。

解决：Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.

热门推荐

欢迎来到王大神的博客

10-05

1万+

启动项目提示如下错误 Error: Node Sass version 6.0.1 is incompatible with ^4.0.0. 原因分析 node-sass 版本过高，需要卸载安装低版本。卸载高版本 npm uninstall node-sass 安装低版本 cnpm install node-sass@4.14.1 运行项目 npm run serve 悲伤过后记得扬起嘴角看看这个世界多么美好。 ...

解决 Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.

卡尔特斯

09-17

7958

$ npm run dev 提示如下错误: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0. 原因：node-sass 版本过高，卸载重装低版本 1、卸载：$ npm uninstall node-sass 2、安装：$ npm install node-sass@4.12.0 3、运行：$ npm run dev ...

Vue Node Sass version 6.0.1 is incompatible with ^4.0.0.

weixin_44590591的博客

11-10

902

node-sass 6.0.0版本与^4.0.0不兼容解决方法： 1、卸载之前版本的node-sass npm uninstall node-sass 2、卸载成功后安装4.0.0版本 npm install node-sass@4.14.1 //失败的话就执行安装淘宝镜像再安装 pm install -g cnpm --registry=https://registry.npm.taobao.org cnpm install node-sass@4.14.1 3、重启项目 cnpm run se

Module build failed: Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.

qq_54037844的博客

01-11

2341

node-sass版本不匹配究极解决办法

Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.；

weixin_71677887的博客

12-28

4370

Error: Node Sass version 6.0.1 is incompatible with ^4.0.0.；

Module build faild:Error :Node Sass version 6.0.1 is incompatible with ^4.0.0

WXD1234Q的博客

01-05

734

npm run server 报错。自己的版本node与安装的node-sass的版本的是否相对应。如果不是相对应：则安装相对应的版本;首先：查看node的版本。因为我的node-sass是6.0.1的版本，所以我就改为6.0.1。

Syntax Error: Error: Node Sass version 9.0.0 is incompatible with ^4.0.0. 目前我的node版本是v20.19.2

最新发布

06-20

### 解决 Node Sass 版本不兼容问题 Node Sass 版本 9.0.0 与 `^4.0.0` 不兼容的问题在 Node.js v20.19.2 环境下较为常见。以下是详细的解决方案，确保项目能够正常运行。 #### 问题分析 Node Sass 的版本 9.0.0 不支持当前的 Node.js 环境（如 Windows 64-bit with Unsupported runtime (93)），并且无法找到适当的绑定文件[^1]。此外，`sass-loader` 的版本需要与 `node-sass` 版本严格匹配以确保正常工作。然而，Node Sass 9.0.0 并未提供与 `sass-loader` 的明确兼容版本列表。 #### 推荐解决方案：降级 Node Sass 或切换至 Dart Sass ##### 方案一：降级 Node Sass 至稳定版本将 `node-sass` 降级至 6.x.x 或更低版本，并安装兼容的 `sass-loader` 版本。以下是推荐的版本组合： | `node-sass` 版本 | `sass-loader` 版本 | |-------------------|--------------------| | 4.x.x | 7.x.x | | 6.x.x | 8.x.x | 执行以下命令以降级 `node-sass` 和 `sass-loader`： ```bash npm uninstall node-sass sass-loader npm install node-sass@6.0.1 --save-dev npm install sass-loader@8.0.2 --save-dev ``` ##### 方案二：切换至 Dart Sass Dart Sass 是 Sass 的官方实现，基于纯 JavaScript，与 Node.js v20.19.2 完全兼容。推荐使用以下版本组合： ```bash npm uninstall node-sass sass-loader npm install sass@1.65.1 --save-dev npm install sass-loader@13.3.2 --save-dev ``` #### Webpack 配置调整无论选择哪种解决方案，都需要确保 Webpack 配置正确加载了 `sass-loader`。以下是典型的配置示例： ```javascript module.exports = { module: { rules: [ { test: /\.s[ac]ss$/i, use: [ 'vue-style-loader', // 或 style-loader 'css-loader', 'sass-loader', ], }, ], }, }; ``` #### 清理缓存并重新安装依赖完成上述操作后，清理 npm 缓存并重新安装依赖以确保所有更改生效： ```bash npm cache clean --force rm -rf node_modules package-lock.json npm install ``` --- ###