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

相关推荐
NiceCloud喜云4 小时前
Opus 4.8 的 Effort Control 怎么选:Low 到 Max 五档策略
android·java·大数据·前端·c++·python·spring
wordbaby5 小时前
React Native + RNOH:跨页面数据回传的最佳实践与避坑指南
前端·react native
丷丩5 小时前
MapLibre GL JS第22课:查看本地GeoJSON
前端·javascript·map·mapbox·maplibre gl js
Front思6 小时前
AI前端工程师需要具备能力+
前端·人工智能·ai
ZC跨境爬虫8 小时前
跟着 MDN 学CSS day_29:(掌握文本与字体样式的核心艺术)
前端·css·ui·html·tensorflow
李子琪。8 小时前
网络空间安全深度实战:CSRF 漏洞原理剖析与基于 Token 的纵深防御体系构建(全栈实验报告)
前端·安全·csrf
冰暮流星9 小时前
javascript之history对象介绍
前端·笔记
IT_陈寒9 小时前
Vite热更新失灵?你可能漏了这个配置
前端·人工智能·后端
丷丩9 小时前
MapLibre GL JS第19课:实时更新要素
前端·javascript·gis·map·mapbox·maplibre gl js
Mr.Daozhi9 小时前
RAG 进阶实战:跑通 Demo 后我连续翻了 6 次车,逐一修复才真正可用(含 Gradio Web 版)
前端·数据库·langchain·大模型·gradio·rag·科研工具