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打包命令,就可以成功了。

相关推荐
kuxku1 分钟前
使用 SSE 与 Streamdown 实现 Markdown 流式渲染
前端·javascript·node.js
Sherry00712 分钟前
【译】🔥如何居中一个 Div?看这篇就够了
前端·css·面试
前端小咸鱼一条13 分钟前
18. React的受控和非受控组件
前端·react.js·前端框架
一枚前端小能手18 分钟前
🛠️ Service Worker API深度解析 - 生命周期、缓存与离线实战
前端·javascript
马卫斌 前端工程师29 分钟前
vue3 实现echarts 3D 地图
前端·javascript·echarts
蓝瑟34 分钟前
前端测试不再难:Vite+React+Vitest单元测试完整手册
前端·react.js·单元测试
爱分享的鱼鱼37 分钟前
Vue中如何实现可切换显示/隐藏侧边栏的按钮
前端
Mike_jia40 分钟前
DBdoctor:数据库性能的“AI名医”,诊断效率提升10倍的终极利器
前端
怪可爱的地球人40 分钟前
向宇宙发送一枚小可爱
前端
数字元匠_山步44 分钟前
一篇笔记彻底搞懂 “脚手架” “框架” “构建工具” 的关系
前端