electron-builder 打包问题和解决办法

准备一个 vue 项目:

npm i -g @vue/cli
vue create project
cd project
vue add electron-builder
npm run electron:serve

接下来就可以正常开发了。

linux 下打包 exe

修改 packjson.json

"scripts": {
    "electron:build.win": "vue-cli-service electron:build --win --ia32",
    "electron:build.win.dir": "vue-cli-service electron:build --win --ia32 --dir"
}

安装包依赖winCodeSign和nsis,绿色包依赖winCodeSign。

windows 下安装

安装时下载 electron 超时,可以这里下载安装包,然后,将安装包(.zip文件)拷贝到以下路径 C:\Users\Administrator\AppData\Local\electron\Cache ,不要解压,例如:

electron-v6.1.10-win32-x64.zip
SHASUMS256.txt-6.1.10

windows 下打包

依赖 winCodeSign 和 nsis 下载报错,手动下载它们,地址在打包的命令行中。

下载好 winCodeSign 后,解压到 C:\Users\Administrator\AppData\electron-builder\Cache\winCodeSign 目录,如果是公司的域帐号,那Administrator要换成域帐号了,如 C:\Users\xxx001000\AppData\Local\electron-builder\Cache\winCodeSign 。注意不要提升目录,最终目录类似:C:\Users\Administrator\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.5.0

如果已经安装了 electron-builder,那么 Cache 目录应该是已经存在的,如果没有就创建一个,注意字母大小写。

nsisnsis-resources 一样的处理,只是解压到 C:\Users\Administrator\AppData\Local\electron-builder\Cache\nsis 目录。同样不要提升目录。

更多问题:https://www.imqianduan.com/electron/electron-builder.html

windows 下运行黑屏

安装 .NET Framework 4.7.1:https://dotnet.microsoft.com/download/dotnet-framework/net472

安装 .net framework 时出现「已处理证书链,但是在不受信任提供程序信任的根证书中终止」解决办法:

  1. 下载证书:http://download.microsoft.com/download/2/4/8/248D8A62-FCCD-475C-85E7-6ED59520FC0F/MicrosoftRootCertificateAuthority2011.cer
  2. 打开控制台,文件→添加/删除管理单元 (Ctrl+M)
  3. 选择证书 → 添加 → 计算机账户(其他的保持默认,一直下一步)
  4. 回到控制台主窗口,依次展开:证书 → 受信任的根证书颁发机构 → 证书,单击更多操作的小箭头,选择所有任务 → 导入;接下来选择步骤1中下载好的cer证书文件,然后一直点击下一步,导入成功即可。