使用npm安装electron失败的可行解决方案

本文方案win10、win11亲测有效,其他版本系统请自行测试。

老孙脱坑IT数年,武功几近全废。

最近想粗浅研究下vue+electron开发桌面程序,但是撸electron官方文档的时候,在第一步安装就卡住了,无比尴尬。

仔细研究发现,和其他npm包不同,electron在npm安装的时候,会请求GitHub下载相关资源包,众所周知的原因,这肯定是不行的。大家注意看报错信息,其实核心的问题就是有一个IP的连接超时了。

其实官方文档中也给出了替换国内镜像的相关方案(https://www.electronjs.org/zh/docs/latest/tutorial/installation),但其中涉及到的ELECTRON_MIRROR环境变量又让人挺迷糊,Windows中设置了环境变量依旧不行(这个经后来分析,可能是我没重启电脑导致环境变量没生效,注意,只是可能哈,我没再重复测试)。

又翻阅了其他一些资料,找了一个简单的解决方案,具体操作如下:

1、快捷键win+x调出左下角快捷菜单,选择Windows终端(管理员)Windows PowerShell(管理员)。注意是管理员模式的终端,否则可能又会因为权限问题继而引发其他莫名其妙的问题。

2、在打开的终端中,使用cd命令切到你的项目目录。这个大家应该都会,只是提醒一下大家别忘了切换目录。

3、执行如下命令,其实就是设置一个临时环境变量,让electron安装的时候走国内的这个镜像地址。

$env:ELECTRON_MIRROR="https://npmmirror.com/mirrors/electron/"

4、然后再执行npm install --save-dev electron安装命令就OK了!

事不大,但耽误时间研究,挺烦人,希望对你有帮助。

关于博主
骨灰级博客玩家
国内第一批90后网站站长/程序员
做过七年前端讲师
目前从事锦鲤观赏鱼电商行业
鱼贝贝锦鲤创始人
文章列表
1
换种超炫酷的姿势写代码,webstorm activate-power-mode插件安装及配置
换种超炫酷的姿势写代码,webstorm activate-power-mode插件安装及配置
2
手机号码归属地精准查询免费API接口
手机号码归属地精准查询免费API接口
3
这才是真正的面向对象编程
这才是真正的面向对象编程
4
神坑react native之unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packager server
神坑react native之unable to load script from assets ‘index.android bundle’ ,make sure your bundle is packaged correctly or youu’re runing a packager server
5
discuz论坛程序发帖时提示The server encountered an internal error or misconfiguration and was unable to complete your request.错误的解决方法
discuz论坛程序发帖时提示The server encountered an internal error or misconfiguration and was unable to complete your request.错误的解决方法
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主