vue 开发过程中 node 和 sass 互相对应的版本

如果你不想升级或降级node和npm,你可以尝试参考此篇文章:vue2 安装 sass-loader和node-sass 异常 Binary has a problem: Error和gyp ERR! stack Error: connect ETIMEDOUT-优快云博客 

匹配版本:https://blog.youkuaiyun.com/hefeng_aspnet/article/details/142210691
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

点击查看官网node-sass和node对应的版本

1、检查node版本

2、删除node_modules

3、保留原始的package.json文件

4、安装node-sass

5、安装sass-loader

6、报错的话再返回去检查npm的版本(按需求降低或升级版本) 

NodeJSSupported node-sass versionNode Module
Node 209.0+115
Node 198.0+111
Node 188.0+108
Node 177.0+, <8.0102
Node 166.0+93
Node 155.0+, <7.088
Node 144.14+, <9.083
Node 134.13+, <5.079
Node 124.12+, <8.072
Node 114.10+, <5.067
Node 104.9+, <6.064
Node 84.5.3+, <5.057
Node <8<5.0<57

 查看node版本,命令:node -v

查看npm版本,命令:npm -v

根据实际情况需要,降低或升级对应node和npm版本,降低npm版本示例:

npm install npm@6.4.1 -g

npm -v
// 默认开发时使用(***)

// install之前需要删除node_modules必须要有最原始的package.json文件
npm install node-sass@6.0.1 --save-dev

npm install sass-loader@4.0.0 --save-dev

npm install 

手动删除node_modules比较麻烦费时间,可以通过命令行来进行删除 

//方法一
npm install -g remove-node-modules

//方法二
npm install rimraf -g

//清除缓存
npm cache clean -f 

        实际项目中,未升级或降级node与npm版本,而是按指定版本安装 sass-loader和node-sass,请参考文章:vue2 安装 sass-loader和node-sass 异常 Binary has a problem: Error和gyp ERR! stack Error: connect ETIMEDOUT-优快云博客

你可以通过以下步骤来查看Vue项目中的node-sass版本: 1. 打开终端或命令行界面。 2. 进入你的Vue项目的根目录。 3. 运行以下命令:`npm list node-sass` 这将显示你当前项目中安装的node-sass版本。请注意,这个命令将列出你项目中所有依赖的包,所以你需要在输出中找到node-sass版本号。 另外,你也可以在你的项目的`package.json`文件中查找node-sass版本。在`dependencies`或`devDependencies`部分中,你应该能找到类似于`"node-sass": "^4.14.1"`的条目,其中的版本号就是你当前项目中使用的node-sass版本。 希望这能帮到你! #### 引用[.reference_title] - *1* *3* [node 14.19.0 版本成功解决:安装 node-sass sass-loader 的过程及各 node 版本对应node-sass 版本号](https://blog.csdn.net/weixin_43405300/article/details/124698796)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* [vuenode-sasssass版本问题解决](https://blog.csdn.net/hyq_07_27/article/details/131433180)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

csdn_aspnet

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值