yarn add electron安装失败

举报
空城机 发表于 2022/04/27 20:07:04 2022/04/27
【摘要】 yarn add electron安装失败 今天遇到了yarn安装包失败的问题,记录下来。当初自己安装用npm,现在用yarn了

yarn add electron安装失败

今天遇到了yarn安装包失败的问题,记录下来

之前曾经试过electron的初步使用,不过已经过去挺长一段时间了。当时自己也写了一篇文章《Electron试水篇(一)》

然后今天想重新试试,对项目进行安装,发现出错了

安装命令:

yarn add --dev electron

然后安装失败

image.png

准备找找之前写的文章,看看当初有没有解决,结果就发现当初自己也没解决啊😭,是用来npm下载掉的… (标准的逃避可耻但有用

image.png


解决过程

这次不能再姑息了,一定要用yarn安装成功。

electron官网上其实也有过安装失败的一些推测,可能是由于网络原因导致的。但是没有具体解决方案

image.png

重新下载一下看看问题所在,发现其实卡在了最后一步上, 并且报错中出现了这样一句:

RequestError: connect ETIMEDOUT 20.205.243.166:443

1651056546224_AD20BFB9-EC4D-4d92-8836-F4837955AD11.png

然后去网上查找资料,参考文章:《Electron 项目搭建采坑 RequestError: connect ETIMEDOUT 20.205.243.166:443》


原因

其实由于Electron是复合型的依赖包,electron安装要github中下载一些脚本,这些文件都在国外的网站,如果对github访问网速过低,会导致安装失败。

可以在cmdping github.com,会发现出现了请求超时

image.png

这时,可以去修改C:\Windows\System32\drivers\etc文件夹下hosts文件,调整github。这时发现我etc文件夹下并没有hosts

image.png

可以在cmd中使用命令语句创建:

for /f %P in (‘dir %windir%\WinSxS\hosts /b /s’) do copy %P %windir%\System32\drivers\etc & echo %P & Notepad %P

image.png

使用http://ping.chinaz.com/github.com
这个网站,对github进行ping检索。

image.png

image.png

找到速度较快的,复制ip。
在hosts中添加ip地址 github.com,以管理员身份保存

image.png

现在ping github.com就不会超时了

image.png

然后重新输入yarn add electron,就能看到安装已经成功

image.png


在配置安装的过程中,必定会遇到各种各样的问题,即使已经解决过,但是过一段时间就可能会忘记,特别当你查找很久资料才解决的问题,如果不记录,重新遇到时可能极度烦躁。

所以养成记笔记的习惯,本次的问题虽然不是特别难解决,但也记下来吧。

【版权声明】本文为华为云社区用户原创内容,转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息, 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。