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

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写一个背景色

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

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

node版本: 12.16.0
node-sass版本: cnpm i node-sass@4.14.1 -S
sass-loader版本: cnpm i sass-loader@8.0.2 -S

在这里插入图片描述
在这里插入图片描述

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,具体教程可查看

Logo

为开发者提供学习成长、分享交流、生态实践、资源工具等服务,帮助开发者快速成长。

更多推荐