Electron--electron-builder打包流程和下载不了包解决方法(window和Mac)

最新推荐文章于 2024-06-24 17:54:56 发布
最新推荐文章于 2024-06-24 17:54:56 发布
阅读量3.4k 收藏
点赞数
分类专栏： 开发环境 桌面 文章标签： electron
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41779718/article/details/117734064
版权

windows打包

安装

安装在上一篇文章里
关于electron-builder打包可以有两种方案：

  1. 打包成文件夹及绿色免安装：
    electron-builder --dir（依赖winCodeSign）
    2.打包成exe的安装包
    electron-builder （依赖winCodeSign和nsis）
    electron-builder有一些依赖包如 【winCodeSign】、【nsis】；在科学上网的情况下，直接执行命令就会自动处理相关依赖，但天朝基本不科学上网，所以会出现包安装超时等的一些情况，这个时候就需要手动安装：

1.第一步：下载wincodesign包 链接: https://github.com/electron-userland/electron-builder-binaries/releases

2.第二步：选择Source code (zip)下载并解压，里面已经包含nsis

3.第三步：在%LOCALAPPDATA%（C:\Users\Administrator\AppData\Local\electron-builder\Cache\winCodeSign）如果不存在就新建electron-builder\cache\

4.第四步：将Source code (zip)解压到第三步的目录下，根据错误提示的版本在对于的包下面新建对于的版本，并把文件移动到目录下，便可正常打包，如图：
在这里插入图片描述

mac打包

electron-builder --win --x64

运行以上命令会抛错误：
在这里插入图片描述

• electron-builder  version=22.10.5 os=20.3.0
  • writing effective config  file=dist/builder-effective-config.yaml
  • packaging       platform=win32 arch=x64 electron=13.1.1 appOutDir=dist/win-unpacked
  • Unpacking electron zip  zipPath=undefined
  • default Electron icon is used  reason=application icon is not set
  • downloading     url=https://github.com/electron-userland/electron-builder-binaries/releases/download/wine-4.0.1-mac/wine-4.0.1-mac.7z size=19 MB parts=3
^C  • canceling       signal=interrupt
  • cancelled by SIGINT
  ⨯ sha512 checksum mismatch, expected aCUQOyuPGlEvLMp0lPzb54D96+8IcLwmKTMElrZZqVWtEL1LQC7L9XpPv4RqaLX3BOeSifneEi4j9DpYdC1DCA==, got 1iqyfg0+72nqyW1/fDGvIoHUFVuANWYKMEBN3QCXuWb7o3L6Q5X2CxVx8ptFMiyasR9U+73kzxY84I4gihNHHA==
github.com/develar/app-builder/pkg/download.(*ActualLocation).concatenateParts
        /Volumes/data/Documents/app-builder/pkg/download/ActualLocation.go:158
github.com/develar/app-builder/pkg/download.(*Downloader).DownloadResolved
        /Volumes/data/Documents/app-builder/pkg/download/downloader.go:176
github.com/develar/app-builder/pkg/download.(*Downloader).DownloadNoRetry
        /Volumes/data/Documents/app-builder/pkg/download/downloader.go:133
github.com/develar/app-builder/pkg/download.(*Downloader).Download
        /Volumes/data/Documents/app-builder/pkg/download/downloader.go:112
github.com/develar/app-builder/pkg/download.DownloadArtifact
        /Volumes/data/Documents/app-builder/pkg/download/artifactDownloader.go:107
github.com/develar/app-builder/pkg/wine.executeMacOsWine
        /Volumes/data/Documents/app-builder/pkg/wine/wine.go:124
github.com/develar/app-builder/pkg/wine.ExecWine
        /Volumes/data/Documents/app-builder/pkg/wine/wine.go:69
github.com/develar/app-builder/pkg/rcedit.editResources
        /Volumes/data/Documents/app-builder/pkg/rcedit/rcedit.go:61
github.com/develar/app-builder/pkg/rcedit.ConfigureCommand.func1
        /Volumes/data/Documents/app-builder/pkg/rcedit/rcedit.go:25
github.com/alecthomas/kingpin.(*actionMixin).applyActions
        /Volumes/data/go/pkg/mod/github.com/alecthomas/kingpin@v2.2.6+incompatible/actions.go:28
github.com/alecthomas/kingpin.(*Application).applyActions
        /Volumes/data/go/pkg/mod/github.com/alecthomas/kingpin@v2.2.6+incompatible/app.go:557
github.com/alecthomas/kingpin.(*Application).execute
        /Volumes/data/go/pkg/mod/github.com/alecthomas/kingpin@v2.2.6+incompatible/app.go:390
github.com/alecthomas/kingpin.(*Application).Parse
        /Volumes/data/go/pkg/mod/github.com/alecthomas/kingpin@v2.2.6+incompatible/app.go:222
main.main
        /Volumes/data/Documents/app-builder/main.go:90
runtime.main
        /usr/local/Cellar/go/1.15.5/libexec/src/runtime/proc.go:204
runtime.goexit
        /usr/local/Cellar/go/1.15.5/libexec/src/runtime/asm_amd64.s:1374
github.com/develar/app-builder/pkg/download.(*Downloader).DownloadResolved
        /Volumes/data/Documents/app-builder/pkg/download/downloader.go:178
github.com/develar/app-builder/pkg/download.(*Downloader).DownloadNoRetry
        /Volumes/data/Documents/app-builder/pkg/download/downloader.go:133
github.com/develar/app-builder/pkg/download.(*Downloader).Download
        /Volumes/data/Documents/app-builder/pkg/download/downloader.go:112
github.com/develar/app-builder/pkg/download.DownloadArtifact
        /Volumes/data/Documents/app-builder/pkg/download/artifactDownloader.go:107
github.com/develar/app-builder/pkg/wine.executeMacOsWine
        /Volumes/data/Documents/app-builder/pkg/wine/wine.go:124
github.com/develar/app-builder/pkg/wine.ExecWine
        /Volumes/data/Documents/app-builder/pkg/wine/wine.go:69
github.com/develar/app-builder/pkg/rcedit.editResources
        /Volumes/data/Documents/app-builder/pkg/rcedit/rcedit.go:61
github.com/develar/app-builder/pkg/rcedit.ConfigureCommand.func1
        /Volumes/data/Documents/app-builder/pkg/rcedit/rcedit.go:25
github.com/alecthomas/kingpin.(*actionMixin).applyActions
        /Volumes/data/go/pkg/mod/github.com/alecthomas/kingpin@v2.2.6+incompatible/actions.go:28
github.com/alecthomas/kingpin.(*Application).applyActions
        /Volumes/data/go/pkg/mod/github.com/alecthomas/kingpin@v2.2.6+incompatible/app.go:557
github.com/alecthomas/kingpin.(*Application).execute
        /Volumes/data/go/pkg/mod/github.com/alecthomas/kingpin@v2.2.6+incompatible/app.go:390
github.com/alecthomas/kingpin.(*Application).Parse
        /Volumes/data/go/pkg/mod/github.com/alecthomas/kingpin@v2.2.6+incompatible/app.go:222
main.main
        /Volumes/data/Documents/app-builder/main.go:90
runtime.main
        /usr/local/Cellar/go/1.15.5/libexec/src/runtime/proc.go:204
runtime.goexit
        /usr/local/Cellar/go/1.15.5/libexec/src/runtime/asm_amd64.s:1374  
  • Above command failed, retrying 3 more times

解决方法：
把downloading上的包下载下来放到
/Users/自己的电脑名称/Library/Caches/electron-builder/winCodeSign
在这里插入图片描述
如果还是不行就在拷贝一份到
在这里插入图片描述

weixin_41779718
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
winCodeSign2.4.0 和 2.5.0
01-02
WinCodeSign 2.4.0 2.5.0
使用electron-builder打包卡在downloading问题解决
weixin_42987525的博客
04-20 1119
复制上面提示的url链接：https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodeSign-2.6.0.7z。使用electron-builder打包一直卡在下面的地方。还会遇到这个文件下载不下情况。2、解压下载的文件包。文件夹，需要手动创建。2、解压下载的文件包。文件夹，需要手动创建。
electron-builder创建桌面应用
最新发布
weixin_45580774的博客
06-24 455
【代码】electron-builder创建桌面应用。
electron：打包时候下载包失败：https://github.com/electron-userland/electron-builder-binaries/releases/download/
刻痕
08-08 1412
## electron：打包时候下载包失败：https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.1/nsis-3.0.4.1.7z 国内下载安装github 资源，有时候多次超时也不能解决 可以替换国内的源解决 [https://cdn.npm.taobao.org/dist/electron-builder-binaries/nsis-3.0.4.1/nsis-3.0.
electron-builder打包过程中报错——网络下载篇
热门推荐
程序边界
03-31 1万+
文章目录一、electron-v8.2.0-win32-x64.zip二、winCodeSign-2.6.0.7z三、nsis-3.0.4.2.7z四、nsis-resources-3.4.1.7z 在electron使用electron-builder打包过程中需要用到几个github上的包，但是由于网络原因，下载不下来，导致出错； 一、electron-v8.2.0-win32-x64.zi...
关于 electron-builder 打包遇到的一点点问题
苦作舟的空城机
05-19 5156
序 electron打包一开始时出现error，去解决真的好累，报错一个接一个，而且我这和网上一些bug解决方案还有点不同，不能照抄别人的作业。 本次我使用的electron 打包工具是electron-builder (以后就换其他的试试) 当然也是我学艺不精了 💥 打包正常流程 在说自己错误经历之前，先走一遍可以正确打包的流程吧 为了让流程看起来干净些，创建一个独立的electron项目 使用yarn init命令创建项目，注意需要写明author作者和description描述，后续打包时如
⨯ Get “https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.
qq_19297987的博客
08-27 7329
本文档在electron v8.0.0和electron-builder v22.3.2环境下编写，其他版本的环境可能会略有差异 全局安装electron-builder npm install -g electron-builder 1 在package.json文件中增加打包的配置 完整配置项文档地址：https://www.electron.build/configuration/configuration ```javascript { "build": { "productNam
electron-builder 在window上编译时所需文件，直接解压，再将文件名改为cache
03-03
`electron-builder` 是一个强大的工具，用于构建、打包和发布 Electron 应用程序。它为开发者提供了跨平台的解决方案，可以方便地将 Electron 应用打包成可执行文件，适用于 Windows、macOS 和 Linux 系统。在 ...
electron-differential-updater:适用于Mac的差异更新器
05-02
download-progress事件将适用于nsis和mac的差异更新。 文档-https //imjselectron.github.io/electron-differential-updater/#/ 去做 添加了“ useAppSupportCache”选项，以将更新程序缓存位置添加到用户应用...
electron-basics:边做边学电子
04-28
7. **打包和发布**：完成应用开发后，可以使用`electron-packager`或`electron-builder`等工具将应用打包为可执行文件，以便在不同的操作系统上部署和分发。 在本项目中，你将通过实践了解和掌握上述知识点，并逐渐...
Vue打包exe项目electron-quick-start
03-07
8. **打包成EXE**：要将应用打包成EXE文件，你可以使用Electron Packager或Electron Builder等工具。例如，使用Electron Builder，先安装`electron-builder`，然后在`package.json`中添加构建配置，最后运行`npm run...
下载安装electron和electron-builder遇到的问题及部分解决办法
qq_50533529的博客
04-14 7685
下载安装electron和electron-builder遇到的一些问题及部分解决办法，具体问题具体分析，此处不一定完全
electron-builder依赖包下载失败（winCodeSign）
skysys的研究小屋
12-15 2442
走浏览器下载，然后解压到对应地址即可。 C:\Users\skysys\AppData\Local\electron-builder\Cache\winCodeSign 否则…每次都重新下…
解决electron “npm run build”报错：⨯ Get “https://github.com/electron-userland/electron-builder-bina...“:
Vinca@的博客
03-03 830
x Get "https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodesign-2.6.0.7z": dial tcp 140.82.113.4:443: connectex: A connection attempt failed because the connected party did not properlyrespond after a
解决electron打包时，下载超时导致失败
wanghuasunyong的博客
08-27 1004
然后 C:\Users\Administrator\AppData\Local\electron-builder\Cache 进入到此目录下，新建一个文件夹，名为： winCodeSign ，再把刚刚解压出来的文件夹放到这个文件夹中。然后 C:\Users\Administrator\AppData\Local\electron-builder\Cache 进入到此目录下，新建一个文件夹，名为： nsis ，再把刚刚解压出来的两个文件夹放到这个文件夹中。下载完成后，打开此zip包，但不是所有文件都需要。
【Electron】Electron-builder打包Electron应用步骤 常见Electron-builder打包错误解决方法
这道题我不会做...不会做啊..太难了！！
03-02 6716
Electron项目打包打包步骤问题1：网速过慢导致打包出错问题2：淘宝镜像无法下载nsis、winCodeSign依赖问题3：ERR_ELECTRON_BUILDER_CANNOT_EXEC乱码报错 打包步骤 根据Electron-builder官方文档打包需要分以下几步： 使用npm安装该插件 生成package.json文件npm init 指定package.json文件中build选项中的配置(配置参数详情)： 添加script选项中命令： 通过命令npm run dist以可分发格式(例如
electron-builder winCodeSign-2.4.0.7z 下载失败
u010537398的博客
01-22 1018
由于网络问题，几个文件下载经常失败 可以手动下载，保存到电脑如下目录 C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis 一共3个文件下载困难 下载结果如下
关于electron打包卡在winCodeSign下载问题
u014226080的博客
11-08 767
在你的项目根目录下创建一个.npmrc的文件，且在里面加上以下文本，不用在意这个镜像源是不是最新的，它会自己重定向到nodemirror这个域名里下载。
react + electron electron-builder 打包教程
05-28
好的，下面是基于 React 和 Electron 并使用 electron-builder 进行打包的教程： 1. 创建 React 应用 首先，我们需要使用 create-react-app 工具创建一个 React 应用。在命令行中运行以下命令： ``` npx create-react-app my-electron-app ``` 这会在当前目录下创建一个名为 `my-electron-app` 的新应用。 2. 添加 Electron 接下来，我们需要在项目中添加 Electron。我们可以使用 `electron` 和 `electron-builder` 库来实现这一点。 在命令行中运行以下命令： ``` cd my-electron-app npm install --save-dev electron electron-builder ``` 3. 添加 Electron 入口文件 我们需要创建一个新文件 `public/electron.js`，这是 Electron 的入口文件。在这个文件中，我们需要引入 `electron` 模块并创建一个新的 Electron 窗口。 ```js const { app, BrowserWindow } = require('electron') function createWindow () { const win = new BrowserWindow({ width: 800, height: 600, webPreferences: { nodeIntegration: true } }) win.loadURL('http://localhost:3000') } app.whenReady().then(() => { createWindow() app.on('activate', function () { if (BrowserWindow.getAllWindows().length === 0) createWindow() }) }) app.on('window-all-closed', function () { if (process.platform !== 'darwin') app.quit() }) ``` 这个文件创建了一个新的 Electron 窗口，并在窗口中加载了 React 应用的 `http://localhost:3000` 页面。 4. 修改 package.json 文件 我们需要修改 `package.json` 文件中的一些字段，以便 electron-builder 能够正确地打包我们的应用。 ```json { "name": "my-electron-app", "version": "0.1.0", "homepage": "./", "main": "public/electron.js", "build": { "appId": "com.example.my-electron-app", "productName": "My Electron App", "directories": { "output": "build" }, "files": [ "build/**/*", "node_modules/**/*", "public/**/*" ], "mac": { "category": "public.app-category.developer-tools", "icon": "public/icon.icns" }, "win": { "icon": "public/icon.ico" } } } ``` 这个文件中的 `main` 字段告诉 electron-builder 我们的 Electron 入口文件在 `public/electron.js`。`build` 字段中的其他字段指定了打包的一些设置，例如应用的 ID、名称、输出目录、文件列表和图标。 5. 添加打包脚本 最后，我们需要在 `package.json` 文件中添加一个打包脚本。 ```json { "scripts": { "start": "react-scripts start", "build": "react-scripts build", "pack": "electron-builder --dir", "dist": "electron-builder" } } ``` 这些脚本中的 `pack` 脚本会在开发模式下打包应用程序，而 `dist` 脚本会在生产模式下打包应用程序。 6. 运行应用 现在，我们可以运行应用程序。在命令行中运行以下命令： ``` npm start ``` 这将启动 React 应用程序。 然后，在另一个命令行窗口中运行以下命令： ``` npm run pack ``` 这将使用 `electron-builder` 打包应用程序，并在输出目录中生成一个可执行文件。 如果您想要构建一个安装程序，您可以运行以下命令： ``` npm run dist ``` 这将打包应用程序，并在输出目录中生成一个安装程序。 这就是使用 React 和 Electron 并使用 electron-builder 进行打包的教程。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值