node node-sass sass-loader版本对应问题,对于npm编译大家经常遇到版本不对应导致编译报错的问题

问题对应项目

gitee源代码地址: https://gitee.com/qingplus

演示项目

1.查看本地node版本

cmd 进入控制台

node -v

具体对应版本如下图

NodeJS Supported node-sass version Node Module
Node 20 9.0+ 115
Node 19 8.0+ 111
Node 18 8.0+ 108
Node 17 7.0+, <8.0 102
Node 16 6.0+ 93
Node 15 5.0+, <7.0 88
Node 14 4.14+, <9.0 83
Node 13 4.13+, <5.0 79
Node 12 4.12+, <8.0 72
Node 11 4.10+, <5.0 67
Node 10 4.9+, <6.0 64
Node 8 4.5.3+, <5.0 57
Node <8 <5.0 <57

具体对应链接地址:
https://www.npmjs.com/package/node-sass

2.查看项目中package中node-sass和sass-loader是否对应node版本

![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/799e78ab56b541678187826398f1016b.png![在这里插入图片描述](https://file.jishuzhan.net/article/1772385249641107458/3ea7b8a295c1b4f6c96baf295cc75263.webp)

3.不对应应修改成对应版本号

sass-loader 4.1.1,node-sass 4.3.0

sass-loader 7.0.3,node-sass 4.7.2

sass-loader 7.3.1,node-sass 4.7.2

sass-loader 7.3.1,node-sass 4.14.1

sass-loader 10.0.1,node-sass 6.0.1

4.如果node是最新版本,则可以直接使用以下命令安装即可

npm install sass-loader node-sass --save-dev

cnpm install sass-loader node-sass --save-dev

5.如果node不是最新版本,则需要安装对应的版本号才行

npm install sass-loader@版本号 node-sass@版本号 --save-dev //安装对应的版本

cnpm install sass-loader@版本号 node-sass@版本号 --save-dev //安装对应的版本

相关推荐
光影少年19 分钟前
vue2与vue3的全局通信插件,如何实现自定义的插件
前端·javascript·vue.js
As977_20 分钟前
前端学习Day12 CSS盒子的定位(相对定位篇“附练习”)
前端·css·学习
susu108301891122 分钟前
vue3 css的样式如果background没有,如何覆盖有background的样式
前端·css
Ocean☾23 分钟前
前端基础-html-注册界面
前端·算法·html
Dragon Wu26 分钟前
前端 Canvas 绘画 总结
前端
CodeToGym30 分钟前
Webpack性能优化指南:从构建到部署的全方位策略
前端·webpack·性能优化
~甲壳虫31 分钟前
说说webpack中常见的Loader?解决了什么问题?
前端·webpack·node.js
~甲壳虫35 分钟前
说说webpack proxy工作原理?为什么能解决跨域
前端·webpack·node.js
Cwhat37 分钟前
前端性能优化2
前端
SameX39 分钟前
鸿蒙 Next 电商应用安全支付与密码保护实践
前端·harmonyos