electron项目打包慢、打包报错

项目使用了electron框架,在第一次打包或者网络条件不好的环境下进行打包时熟速度慢的出奇,甚至经常出现打包失败的情况(如上面图片的报错)。

这是因为,在electron打包的过程中,需要去官方源https://github.com/electron/electron/releases/download/下载一个ZIP包,大概70-80MB左右,这个包的下载站点是github,由于某些原因导致这一步经常出现问题。

既然github上无法下载对应资源,按照往常思路,这时候需要我们去配置国内的镜像源,比如npm常用的淘宝源。

我在网上查到了electron配置淘宝源的一种方法:在terminal中输入这条命令:npm config edit

从字面意思上来看,这是一条编辑npm配置文件的命令,输入执行这条命名会打开一个npm配置文件,在配置文件的末尾添加下面两条指令:

bash 复制代码
registry=https://registry.npm.taobao.org/
ELECTRON_MIRROR=http://npm.taobao.org/mirrors/electron/

这两条命令将下载源改为淘宝镜像,修改之后,重新执行electron打包命令。

配置淘宝镜像之后,并不能保证一定打包成功,下面提供一种一定能够成功的方法

通过阅读上图中的报错信息可以明白,electron之所以打包速度慢甚至报错,是因为在打包的时候需要去往github下载一下资源包,资源包下载失败导致electron打包失败。

既然这样,那我们在打包之前,把所需要的资源包提前下载,然后放在本地制定的位置就好了。

下载资源包的地址:点击下载

按照打包时遇到的问题,我依次下载了一系列文件放置到指定位置:

完成上面几个资源包的下载之后,再执行electron打包命令,就可以成功了。

相关推荐
子兮曰14 小时前
OpenClaw入门:从零开始搭建你的私有化AI助手
前端·架构·github
吴仰晖14 小时前
使用github copliot chat的源码学习之Chromium Compositor
前端
1024小神14 小时前
github发布pages的几种状态记录
前端
不像程序员的程序媛16 小时前
Nginx日志切分
服务器·前端·nginx
北原_春希16 小时前
如何在Vue3项目中引入并使用Echarts图表
前端·javascript·echarts
尽意啊16 小时前
echarts树图动态添加子节点
前端·javascript·echarts
吃面必吃蒜16 小时前
echarts 极坐标柱状图 如何定义柱子颜色
前端·javascript·echarts
O_oStayPositive16 小时前
Vue3使用ECharts
前端·javascript·echarts
竹秋…16 小时前
echarts自定义tooltip中的内容
前端·javascript·echarts
宝贝露.16 小时前
Axure引入Echarts图无法正常显示问题
前端·javascript·echarts