Electron中 打包应用程序及相关报错解决

1. 导入项目到 Forge

npm install --save-dev @electron-forge/cli
npx electron-forge import

转换脚本完成后,Forge 会将一些脚本添加到您的 package.json 文件中。

// package.json
"scripts": {
  "start": "electron-forge start",
  "package": "electron-forge package",
  "make": "electron-forge make"
},

若出现以下报错,则可能是node版本过低导致的。

在这里插入图片描述
node -v 查看 node 版本

在这里插入图片描述
切换 node 版本,将 node 切换至最新版本

在这里插入图片描述
再运行 npx electron-forge import ,就可往下一步进行了

在这里插入图片描述

2. 创建一个可分发版本

要创建可分发文件,请使用项目中的 make 脚本,该脚本最终运行了 electron-forge make 命令。

npm run make

该 make 命令包含两步:

  • 首先运行 electron-forge package ,把应用程序代码与 Electron 二进制包结合起来。 完成打包的代码将会被生成到一个特定的文件夹中。
  • 然后它将使用这个文件夹为每个 maker 配置生成一个可分发文件。

在脚本运行后,可以看到一个 out 文件夹,其中包括可分发文件与一个包含其源码的文件夹。

macOS output example

out/
├── out/make/zip/darwin/x64/my-electron-app-darwin-x64-1.0.0.zip
├── ...
└── out/my-electron-app-darwin-x64/my-electron-app.app/Contents/MacOS/my-electron-app

windows output example

在这里插入图片描述

out/make 文件夹中的应用程序应该可以启动了。

若出现以下报错,提示:authors 和 description 必填项,对应地我们应该填上这两项
在这里插入图片描述
若出现以下报错,可以排查:
1. 磁盘是不是满了;
2. 杀毒软件,我这边把电脑管家关了就可以了;

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

明天也要努力

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值