vue2启动报错：“Node Sass does not yet support your current environment: Windows 64-bit with .......”

星星上的猫.

已于 2025-02-16 23:15:02 修改

阅读量1.1k

点赞数 26

分类专栏：问题文章标签： sass css

于 2025-02-16 23:14:28 首次发布

本文链接：https://blog.csdn.net/weixin_45075981/article/details/145671012

版权

问题专栏收录该内容

6 篇文章

订阅专栏

在 Vue 2 项目中遇到 Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (93) 错误，通常是因为 Node.js 版本与 node-sass 不兼容。以下是详细的解决方案：

1. 问题原因

node-sass 是一个依赖本地编译的包，需要与 Node.js 的运行时版本（ABI）严格匹配。
错误码 93 表示你的 Node.js 版本（如 Node.js 16/17/18）与当前安装的 node-sass 版本不兼容。
node-sass 已被官方弃用，推荐使用 sass（Dart Sass）替代。

2. 解决方案

方法 1：切换为 `sass`（推荐）

步骤：

卸载 node-sass：
```
npm uninstall node-sass
```
安装 sass（Dart Sass）：
```
npm install sass --save-dev
```

修改代码中的 node-sass 引用(可忽略)：

在 vue.config.js 中配置 sass-loader 使用 sass：

// 项目中没有同时存在node-sass和sass不用显式配置在vue.config.js中
/**原因： 
---sass-loader 7.x 版本默认使用 node-sass，不需要在 vue.config.js 中显式配置,
如果你的项目中安装了 node-sass，sass-loader 会自动使用它。
---sass-loader 10.x 版本默认使用 sass（Dart Sass），而不是 node-sass。
如果你的项目中安装了 sass，sass-loader 会自动使用它
*/
// 为什么 sass-loader@7.x但是项目中没有node-sass的依赖，只有sass，项目中也能正常使用呢？
// 答：sass-loader@7.x 默认会尝试使用 node-sass，但如果项目中没有安装 node-sass，它会回退到使用 sass（Dart Sass）



module.exports = {
  css: {
    // 配置CSS加载器选项
    loaderOptions: {
     // 针对Sass加载器的配置
      sass: {
       // 指定使用Dart Sass作为Sass的实现
        implementation: require('sass'), // 使用 Dart Sass
      },
    },
  },
};

重启项目：
```
npm run serve
```

注意：如果vue脚手架@vue/cli-service版本为4.x.x，sass-loader建议不要使用最新版，对应版本如下
sass-loader@10.1.1 + sass@1.58.0
sass-loader@11.0.1 + sass@1.58.0

方法 2：降级 Node.js 版本

如果必须使用 node-sass，可以安装兼容的 Node.js 版本：

node-sass@4.x → Node.js 14 或更低。
node-sass@5.x → Node.js 14（部分版本支持）。
node-sass@6.x → Node.js 16（部分版本支持）。

步骤：

使用 nvm（Node 版本管理工具）安装兼容的 Node.js 版本：
```
nvm install 14.17.0
nvm use 14.17.0
```
删除node_modules重新安装依赖：
```
npm install
```
重启项目：
```
npm run serve
```