Electron打包mac环境问题及解决方案

Electron打包mac版本的系列问题修复

主要针对Electron打包mac环境时，报的各种问题，依赖包加载失败等。

建议采用的打包方式：

npm install electron-builder -g
npm run pack  (压缩静态资源)

electron-builder -m （打包命令）

electron-v1.8.2-win32-x64.zip下载失败

解决方案：找到所依赖的包的源码地址，然后将该包直接下载下来，然后放置到项目打包所依赖的文件目录中即可

1. https://github.com/electron/electron/releases?after=v10.0.0-nightly.20200408在该git地址找到所依赖的相关包，下载来下来

不过记得需要下载的还有SHASUMS256.txt文件，也可以从https://npm.taobao.org/mirrors/electron/淘宝镜像的地址下载

2. 修改SHASHUMS256.txt文件名字为SHASHUMS256.txt-1.8.2。

mv SHASHUMS256.txt SHASHUMS256.txt-1.8.2

3. 随后将这两个文件移动到缓存目录

cd  /Usr/mac/Download

mv SHASHUMS256.txt-1.8.2     ~/Library/Caches/electron


cd /Usr/mac/Download 
mv electron-v1.8.2-darwin-x64.zip   ~/Library/Caches/electron

需要注意的是伙伴们所依赖的包的版本不一定和我这个一样，一定要针对情况下载对应的包，不要盲目复制粘贴

 

 

 出现上图所示则表示完成改项的配置，至此。可再次运行npm run build

app-builder-v0.6.1-x64.7z

解决方案：找到所依赖的包的源码地址，然后将该包直接下载下来，然后放置到项目打包所依赖的文件目录中即可

1. https://github.com/electron-userland/electron-builder-binaries/releases

在该地址找寻相关的依赖包。随后下载下来

2. 将下载下来的文件进行复制

3. 输入command + 空格 ，输入 

~/Library/Caches/electron-builder/app-builder/app-builder-v0.6.1-x64, app-builder-v0.6.1-x64目录应该是不存在的，需要先进行创建

随后就会打开改目录所在文件，将刚才复制的app-builder-v0.6.1-x64.7z的文件粘贴到app-builder下，随后双击解压

相关解压方案也可以下载brew，然后使用brew进行解压，不过brew的下载是一个速度非常慢的过程。时间多可以尝试

 至此则完成app-builder的文件的配置

winCodeSign-1.9.0.7z

解决方案：找到所依赖的包的源码地址，然后将该包直接下载下来，然后放置到项目打包所依赖的文件目录中即可

1. https://github.com/electron-userland/electron-builder-binaries/releases

在该地址找寻相关的依赖包。随后下载下来

2. 将下载下来的文件进行复制

3. 输入command + 空格 ，输入 

~/Library/Caches/electron-builder/winCodeSign/winCodeSign-1.9.0

, winCodeSign-1.9.0目录应该是不存在的，需要先进行创建

随后就会打开改目录所在文件，将刚才复制的文件粘贴到winCodeSign-1.9.0下，随后双击解压

相关解压方案也可以下载brew，然后使用brew进行解压，不过brew的下载是一个速度非常慢的过程。时间多可以尝试

 至此则完成winCodeSign的文件的配置

nsis-3.0.1.13.7z, nsis-resources-3.3.0.7z

这两个包的安装也重复上述步骤即可

不过需要注意的是最终的目录结构是如下的：

--electron
    --Cache
        electron-v1.8.2-win32-x64.zip
        SHASUMS256.txt-1.8.2
--electron-builder
    --cache
        --app-builder
            --app-builder-v0.6.1-x64
                解压app-builder-v0.6.1-x64.7z所得文件
        --nsis
            --nsis-3.0.1.13
                解压nsis-3.0.1.13.7z所得文件
        --nsis-resources
            --nsis-resources-3.3.0
                解压nsis-resources-3.3.0.7z所得文件
        --winCodeSign
            --winCodeSign-1.9.0
                解压winCodeSign-1.9.0.7z所得文件改

至此常见的依赖包都已安装完成。

随后运行

npm run pack
electron-builder -m