成功解决node、node-sass和sass-loader版本冲突问题

报错信息

Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime For more information on which environments are supported please see: https://github.com/sass/node-sass/releases/tag/v4.7.2

原因

        打开https://github.com/sass/node-sass/releases/tag/v4.7.2可以看到,node-sass版本(v4.7.2)支持的nodejs版本与windows版本信息,如下图:

当前node-sass版本(4.7.2)支持nodejs版本为9以下,window64位与32位,而我的电脑是win64,但是我安装的nodejs版本是(14.17.3) ,远远高于当前node-sass支持的版本。

E:\project\legendary\legendary_vue> node -v
v14.17.3

解决方案一:

        降低nodejs版本。

        卸载当前nodejs,并重新安装版本为9以下的nodejs。

解决方案二:

        升级当前的node-sass版本为(4.14.1)。

        从官方文档中找到node与node-sass的版本对应关系。

        官网地址:https://www.npmjs.com/package/node-sass

        通过以下命令先删除当前的node-sass,再按重新安装新的版本。

npm uninstall node-sass
npm uninstall sass-loader
npm install node-sass@4.14.1
npm install sass-loader@7.3.1

        执行npm install node-sass时再次出现错误:node-sass@4.14.1 postinstall: `node scripts/build.js`。在这里,添加一个node-sass的数据源,再次install就完美解决了。

npm config set sass_binary_site=https://npm.taobao.org/mirrors/node-sass

        

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
根据你的问题,以下是 Sassnode-sasssass-loaderNode.js 版本之间的对照关系: - SassSass 是一种 CSS 预处理器,用于编写更灵活、可维护的 CSS 代码。它可以通过命令行工具或者集成到构建工具中使用。 - node-sassnode-sass 是一个将 Sass 编译为 CSS 的 Node.js 模块。它使用 LibSass 库来进行编译,提供了更快的编译速度。你可以在项目中使用 npm 或者 yarn 安装它。 - sass-loadersass-loader 是一个 Webpack 的加载器,用于将 Sass 文件编译为 CSS,并将其应用于你的项目中。它依赖于 node-sass 来进行编译。 - Node.js 版本Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。它允许你在服务器端运行 JavaScript 代码。你可以通过运行 `node -v` 命令来查看当前安装的 Node.js 版本。 注意:以下是一些常见的版本对照关系,但具体的版本要求还需根据实际情况来确定: - Sass 版本node-sass 版本没有直接的对照关系,但一般来说,node-sass 应该支持较新版本Sass。 - sass-loader版本通常与 webpack 版本关联较密切,你需要根据你正在使用的 webpack 版本来选择合适的 sass-loader 版本。 - Node.js 版本要求可能会因为不同的库和工具而有所不同。你可以查阅它们的官方文档或者 GitHub 页面来获取更详细的信息。 希望这些信息能对你有所帮助!如果你有任何其他问题,请随时提问。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值