node版本与node-sass版本兼容

由于在安装node-sass时经常遇到版本兼容问题,在运行vue项目时就会出现一下错误

shell 复制代码
Syntax Error: Error: Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime (93)        
For more information on which environments are supported please see:
https://github.com/sass/node-sass/releases/tag/v4.14.1

以下为node版本与sass版本对应关系图

在vue项目中用scss写一个背景色

js 复制代码
<div class="hello">home</div>
    
<style scoped lang="scss">
.hello {
  background-color: skyblue;
}
</style>

经过测试,可以使用以下版本的node与sass版本

shell 复制代码
node版本: 12.16.0
node-sass版本: cnpm i node-sass@4.14.1 -S
sass-loader版本: cnpm i sass-loader@8.0.2 -S


shell 复制代码
node版本: 16.13.2
node-sass版本: cnpm i node-sass@6.0.1 -S
sass-loader版本: cnpm i sass-loader@10.2.1 -S


如果需要管理多node版本,可以使用gnvm,具体教程可查看

相关推荐
Mintopia18 分钟前
🚀 一文看懂 “Next.js 全栈 + 微服务 + GraphQL” 的整体样貌
前端·javascript·全栈
Mintopia20 分钟前
🧬 医疗Web场景下,AIGC的辅助诊断技术边界与伦理
前端·javascript·aigc
半桶水专家24 分钟前
父子组件通信详解
开发语言·前端·javascript
Watermelo61727 分钟前
从vw/h到clamp(),前端响应式设计的痛点与进化
前端·javascript·css·算法·css3·用户界面·用户体验
寻星探路31 分钟前
测试开发话题10---自动化测试常用函数(2)
java·前端·python
Moment33 分钟前
快到  2026  年了:为什么我们还在争论  CSS 和 Tailwind?
前端·javascript·css
梵得儿SHI44 分钟前
Vue 核心语法详解:模板语法中的绑定表达式与过滤器(附 Vue3 替代方案)
前端·javascript·vue.js·插值语法·vue模板语法·绑定表达式·过滤器机制
江城开朗的豌豆1 小时前
TypeScript枚举:让你的代码更有"选择权"
前端·javascript
江城开朗的豌豆1 小时前
TypeScript接口:打造你的代码“契约”之道
前端·javascript
江城开朗的豌豆1 小时前
TypeScript类:面向对象编程的超级武器
前端·javascript