electron mac打包 build失败的问题

最新推荐文章于 2025-05-08 16:21:21 发布
原创 最新推荐文章于 2025-05-08 16:21:21 发布 · 1.3k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#electron

本文指导如何确保Electron项目使用正确版本并修复打包错误，重点在于将package.json中electron-builder插件升级至22.7.0版本，包括下载方法和操作步骤。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1.electron 版本与项目版本需一致，如果没有则单独下载， 

放到 open /Users/xiao/Library/Caches/electron 目录下即可

2。继续打包会发现还是有报错，解决方式

将  package.json  中的electron-builder插件换成如下版本

"electron-builder": "22.7.0"

yarn add electron-builder@22.7.0

npm install electron-builder@22.7.0

XLLcsdn
关注
Electron在MAC上打包报错：app-builder_arm64 process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE的解决方案
读心悦
01-31 1853
在MAC上创建Electron应用打包的时候报错：app-builder_arm64 process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE。原因是本地缓存中没有打包需要的依赖包，比如electron-v25.9.8-darwin-arm64.zip，所以打包的时候，会自动去下载对应的依赖包。之所以报错，是因为远程下载的时候，会有很多原因导致下载终端，比如网络原因等。所以我们只能手动下载依赖包，然后放到缓存文件夹中。
mac使用electron打包报错（证书签名问题Developer iD Application、找不到安装包wincodesign-2.6.0.7z: status code 404）
Missxu1895的博客
08-28 739
大多数在网查到的解决方案就是在淘宝镜像或者github上面下载下来wincodesign-2.6.0.7z 然后放在lectron-builder缓存文件中，但是我觉得比较麻烦，而且这个报错不是网慢的问题而是404，所以如果http://npm. taobao.org/mirrors/地址不在的话可以换一个淘宝镜像的地址。因为可能会是临时的环境变量没有应用到用户的全局变量中，会导致再次打包失败。所以当我们在bash_profile设置了再打开的时候就会没有，所以可以在zprofile或者zshrc中设置。
MAC更新 OS Monterey 系统后electron 打包失败
qq_42422653的博客
05-11 678
项目场景：MAC更新 OS Monterey 系统后electron 打包失败 问题描述 提示：这里描述项目中遇到的问题： MAC更新 OS Monterey 版本12.3.1 使用 npm run electron:build 打包失败 原因分析： mac系统升级后弃用 python2，而 electron builder util试图调用python，因为包dmg builder使用python脚本。但是：dmg builder使用重新加载模块，该模块仅在Python 2中内置。electron
Electron 打包与发布指南：让你的应用运行在 Windows、macOS、Linux
2501_91537388的博客
05-08 2180
步骤内容准备安装 Electron + electron-builder配置添加build字段打包生成可执行文件发布上传 GitHub / 服务器 / 应用商店更新使用自动更新安全平台签名，确保可信任和合规性。
【Electron-vue】构建桌面应用（35）- electron build失败
chenqk_123的专栏
06-22 721
如果没有和谐上网，你很多东西都不能从网上下载下来。在使用npm run build编译Electron项目的时候，尤其是在第一次，会根据你Electron当前的版本下载指定的依赖包，这个依赖包是从国外的网站下载下来的，看运气，运气好的情况相下能下载下来，运气不好的话就下载不下来。当你第一次下载成功之后，下载编译，就不会出现这种问题了。 那么如果通过npm run build下载不下来，我们该怎么办呢？ 首先我们可以通过连接直接通过网页去下载： 在编译的时候，无论下载失败与否，都会给出下载文件的连接，直接c
electron-builder mac 打包错误Can not locate Mac Memory.pm in @INC you may need to install the Mac:Memor
weixin_43398820的博客
06-20 1391
OKAY take it away `electron-builder` • electron-builder version=20.44.4 • loaded configuration file=package.json ("build" field) • writing effective config file=build/builder-effective-config.yaml • no native production dependencies • packaging
使用electron将网页打包为桌面可执行程序，包括绿色免安装和安装版本，支持Windows，mac_pack.zip
09-22
值得一提的是，打包时还可以通过Electron的打包工具（如electron-builder或electron-packager）来优化和分发应用程序，这些工具可以进一步支持应用的签名和更新机制。 在完成上述步骤后，开发者就可以得到一个可以...
深入浅出Electron mac打包签名输出dmg和pkg安装包
baidu_30907803的博客
04-29 3572
为了应用安全以及使用electron-updater实现自动升级功能，必须对应用进行签名打包发布。具体签名过程如下： 1、本地安装两个签名的证书，具体可以咨询ios开发人员，如下： 2.设置package.json的有关mac打包的相关内容,配置签名参考链接 ```json "build": { "afterSign": "package/afterSign.js", // 签名后执行的js,实现electron-notarize公证app "appId": "cn.com
Electron 在 MAC 上的 build 签名应用配置
读心悦
08-10 898
Electron 在 MAC 上的 build 签名应用配置涉及多个步骤，包括准备开发者账号、生成证书和配置文件、配置环境变量以及使用适当的工具进行签名和公证。
Electron打包失败解决方法（内含环境配置所需资源）
weixin_58474739的博客
12-07 1348
打包时会需要一些资源文件会在运行打包命令后下载，会因为下载超时导致打包失败（配置淘宝镜像可能可以下载），这时需要我们手动去下载，需要下载的资源如下（以10.1.5版本为例）：
Electron应用打包Mac端签名、消除恶意软件提示
yhl521112的博客
10-25 1620
如下面 signing 那一行所示，证书已经签名到项目中了，剩下的是认证的信息了，就是上面获取的专用密码、证书、团队ID。然后将证书安装到电脑的钥匙串中，成功之后会看到最下面框中有这个了、你要保证电脑足够的访问权限。一般如果这里面没有报错那就是认证也成功了、这样你的app应用就不会是恶意软件了。如果你的项目中需要再不同版本配置不同的证书，应该配置到环境变量中。认证信息我放到了，项目中的这个位置、下面是配置的位置和代码。找到下面的位置、申请证书或者使用已经申请好的，接i而下来。登录成功之后找到这个页面。
vue打包npm run build时候界面报错的解决
10-14
主要介绍了vue打包npm run build时候界面报错的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
macos安装electron和electron-builder报错问题
Zxl_sir的博客
05-18 1970
最近公司需求，需要做一个桌面端，其中需要用到electron-builder这个插件，安装的时候使用指令"vue add electron-builder",出现报错。报这个错是因为这个插件需要Node版本在14+以上，我们升级下Node版本就行了，这里我用的是naode v14.15.1的版本，这个版本也是很稳定的。这个问题出现的原因是电脑没有安装vue脚手架导致，使用vue --version查一下版本，发现还是识别不出这个指令无法检测，这里用“安装一下便可，如果没有效果卸载旧的，使用指令"
electron-builder 打包mac报错panic: runtime error: index out of range
peade的博客
01-07 1027
electron builder 打包mac 报错，详细错误信息如下 goroutine 1 [running]: github.com/develar/app-builder/pkg/icons.ConvertIcnsToPng(0xc0000ca630, 0x2d, 0x7ffd9f40874a, 0x2e, 0x2, 0x2, 0xc0000ca630, 0x2d, 0xe53320) /Volumes/data/Documents/app-builder/pkg/icons/icns-to-png
Electron：运行npm run build构建环境失败解决方案
mm357696061的博客
12-15 2278
GitLab上拉取项目代码后，运行命令构建electron打包环境时，因为某些缘由（可能被某些墙阻止等），构建环境失败，出现超时错误。错误代码以下：javascript。
Electron 打包问题：electron-builder 下载各种依赖出错
热门推荐
布里渊区
02-24 2万+
写在前面：Electron相关的操作还是不要使用CNPM的操作命令，这样后面会遇到各种问题：比如安装某些依赖的问题； 但是原生的NPM命令又很慢，咋怎呢？有办法！使用smart-npm 安装smart-npm npm install --global smart-npm --registry=https://registry.npm.taobao.org/ -------------...
关于electron-vue打包MAC安装包我所遇到的问题
m0_61431263的博客
11-17 1784
1、not found icons 找不到图标文件， 苹果系统图标文件后缀为icns！！！注意更改文件类型 2、在使用npm run build报错后，最终采用了electron-builder来打包 错误大概如图 需要在打包前进行pack编译 npm run pack 而且需要安装yarn add electron-builder --dev 如果安装失败，not found yarn，那么就需要先安装yarn。 但也mac系统权限原因直接下载无法下载还是会...
electron有关mac构建
路在脚下，幸福在手中，莫贪！！！！！
09-11 882
执行下面命令，检查下按照的 node.js 版本是不是 intel x64 指令集，如果是的话安装下 arm64 指令集的 node.js终端中执行以下命令：node -p process.arch。针对 Mac M1/2/3 芯片的设备，proces.arch=arm64.勾选 以 Rosetta 打开（Open using Rosetta）。右键点击 终端 应用并选择 获取简介（Get Info）。在 Rosetta 终端中安装nvm与 Node.js。打开 应用程序 文件夹中的 终端 应用。
electron-builder构建生产安装包下载失败问题
阿牛哥的博客
12-27 1117
electron的编译包出现404问题，可以配置。以下选项，提高打包的成功率。
electron项目打包
最新发布
06-12
### 如何打包 Electron 项目教程及最佳实践 在 Electron 开发中，将应用打包成可执行文件是部署和分发的重要步骤。以下是关于如何打包 Electron 项目的详细指南及最佳实践： #### 1. 使用 Electron Packager 进行简单打包 `Electron Packager` 是一个用于将 Electron 应用程序打包为可执行文件的工具[^3]。它支持多种平台和架构，并允许开发者自定义图标、版本号等参数。 ```bash npm install electron-packager --save-dev ``` 使用以下命令进行打包： ```bash npx electron-packager . YourAppName --platform=win32 --arch=x64 --out=dist --icon=app-icon.ico ``` - `YourAppName`：应用名称。 - `--platform`：目标平台（如 `win32`, `darwin`, `linux`）。 - `--arch`：目标架构（如 `x64`, `arm64`）。 - `--out`：输出目录。 - `--icon`：应用图标路径。 #### 2. 使用 Electron Builder 实现自动化构建 `Electron Builder` 是一个更高级的解决方案，支持多平台构建、代码签名、更新发布等功能[^1]。它是目前最流行的 Electron 打包工具之一。 安装 Electron Builder： ```bash npm install electron-builder --save-dev ``` 配置 `package.json` 中的 `build` 字段： ```json "build": { "appId": "com.example.app", "productName": "YourAppName", "directories": { "output": "dist" }, "files": [ "build/**/*", "node_modules/**/*", "package.json" ], "win": { "target": "nsis" }, "mac": { "target": "dmg" }, "linux": { "target": "AppImage" } } ``` 运行构建命令： ```bash npm run build ``` #### 3. 在 Vue 或 React 项目中集成打包工具 对于基于 Vue 或 React 的 Electron 项目，可以结合框架的生态系统进行打包。例如，在 Electron-Vue 项目中，推荐使用 `electron-builder` 来处理打包任务[^3]。 启动开发服务器并测试： ```bash npm run dev ``` 打包生产环境版本： ```bash npm run build ``` #### 4. 最佳实践建议 - **分离主进程与渲染进程**：确保主进程专注于系统层面操作，而渲染进程专注于 UI 渲染[^1]。 - **优化模块加载**：使用 Webpack 或 Rollup 对项目进行模块打包优化，减少最终包的体积。 - **调试与测试**：利用 `devtron` 和 `Spectron` 工具对应用进行调试和功能测试。 - **代码签名**：在分发前对应用进行代码签名，以提高安全性并避免用户收到警告。 - **增量更新**：通过 `electron-updater` 模块实现自动更新功能，提升用户体验。 #### 示例代码：使用 Electron Builder 配置增量更新 ```javascript const { autoUpdater } = require('electron-updater'); autoUpdater.on('update-available', () => { console.log('Update available'); }); autoUpdater.on('update-downloaded', () => { autoUpdater.quitAndInstall(); }); autoUpdater.checkForUpdates(); ```
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值