使用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
WordPress安装/升级插件时提示输入ftp信息的一种解决方案
WordPress安装/升级插件时提示输入ftp信息的一种解决方案
2
Discuz论坛程序X3.4修改标题限制80字限制的方法详解
Discuz论坛程序X3.4修改标题限制80字限制的方法详解
3
vue-cli 3.x版本执行vue ui命令后提示Error: Cannot find module 'core-js/modules/es7.object.entries'报错的解决方法
vue-cli 3.x版本执行vue ui命令后提示Error: Cannot find module 'core-js/modules/es7.object.entries'报错的解决方法
4
玩转京东云主机之④-利用宝塔软件搭建服务器PHP环境
玩转京东云主机之④-利用宝塔软件搭建服务器PHP环境
5
【值得收藏】网站开发者常备软件分享
【值得收藏】网站开发者常备软件分享
最新评论
比比拉布
比比拉布
5月7日
太感谢了!!!!!!找了这么多的教程,只有你点出来了关键点——设计视图!!!!
Jake
Jake
3月7日
Halo 啊~麻烦更新下我的博客地址,原名:Jing Blog。麻烦更新如下: Jake Blog(后缀可以省略,也可以保留,看哪个风格适合) 网址:htt
评论于关于博主