vue项目关于node-sass的报错问题解决

最新推荐文章于 2024-09-04 08:48:57 发布

原创最新推荐文章于 2024-09-04 08:48:57 发布 · 8.9k 阅读

27 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #sass #javascript

vue 专栏收录该内容

8 篇文章

订阅专栏

本文主要介绍了在Linux环境下遇到Node-Sass不支持当前环境的错误，原因是Node.js版本过高。解决方案包括降级Node.js版本或安装兼容的node-sass版本，并需考虑与sass-loader的兼容性。同时，文中提到了npm安装和运行项目时的警告，以及作者个人测试成功的版本配置：node v14.16.1、node-sass v4.14.1和sass-loader v10.1.1。建议在遇到此类问题时，先尝试降级相关插件版本。

文章目录

一、Node Sass does not yet support your current environment
二、npm安装报错
三、运行项目报警告
四、个人使用的版本（亲测没有问题）

一、Node Sass does not yet support your current environment

报错信息如下：

Error: Node Sass does not yet support your current environment: Linux 64-bit with Unsupported runtime (57)
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v3.13.1
    at module.exports (/opt/care1.0.0/other_modules/nodejs/node_modules/_node-sass@3.13.1@node-sass/lib/binding.js:13:13)
    at Object.<anonymous> (/opt/care1.0.0/other_modules/nodejs/node_modules/_node-sass@3.13.1@node-sass/lib/index.js:14:35)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/opt/care1.0.0/other_modules/nodejs/template_renderer/routes/index.js:9:12)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
    at Function.Module._load (module.js:497:3)
    at Module.require (module.js:596:17)
    at require (internal/module.js:11:18)
    at Object.<anonymous> (/opt/care1.0.0/other_modules/nodejs/app.js:10:14)
    at Module._compile (module.js:652:30)
    at Object.Module._extensions..js (module.js:663:10)
    at Module.load (module.js:565:32)
    at tryModuleLoad (module.js:505:12)
error: Forever detected script exited with code: 1

这类报错的主要原因就是nodejs的版本太高导致，每个node的版本都有对应兼容的node-sass以及sass-loader版本，如果版本不兼容，必报错！！！
下面是官方的一些node各版对应兼容的node-sass兼容的版本
在这里插入图片描述
解决办法：
1.降低node版本
2.卸载原先的node-sass，安装兼容的版本，当然第二种方法还需考虑到node-sass与sass-loader的兼容问题
建议使用第一种

二、npm安装报错

报错信息如下：
在这里插入图片描述
此处报错既是，node-sass与sass-loader的版本兼容问题，解决起来也非常简单！！
降低对于插件的版本即可！！！

三、运行项目报警告

警告信息如下：
在这里插入图片描述
此处警告，表示项目是可以运行的，插件版本以及兼容性都是可以的，问题根源既是sass-loader的版本太低，提示需要更新，更新到最新版本即可！！

四、个人使用的版本（亲测没有问题）

node版本： 14.16.1
node-sass版本： 4.14.1
sass-loader版本： 10.1.1
node安装包传送门：https://nodejs.org/download/release/v14.16.1/
附上安装命令：

npm install --save node-sass@4.14.1  
npm install --save sass-loader@10.1.1

卸载命令：

npm uninstall --save node-sass
npm uninstall --save sass-loader

个人建议！！
先卸载在安装！！！

在这里插入图片描述

吐槽一下！！这个辣鸡兼容问题，明明好好的刚写完跑完的项目，就因为升级了node版本，项目全崩！！真的血的教训，还花费了巨多时间去逐一排查，找资料，搜博客，哦豁原来是这个版本问题！！好了，记住了，没事别手贱升级版本，能用则不要去动他！！！