electron打包踩过的坑总结

vue-electron 执行npm run build时,在build的时候会由于下载远程打包所需文件而超时,而后根据错误一步一步就行手动安装相应的文件。
虽然在网上参考了不少相关方法,最终仍是失败,而后多次尝试后,终于成功了。
附上elelctron相关的淘宝镜像地址:https://npm.taobao.org/mirror...vue

  • step1:npm run build后,第一次报错须要下载 electron-v2.0.18-win32-x64.zip(我这里是须要该版本的文件,根据本身的错误信息,来选择对应的版本下载便可),在镜像中选取该版本号 2.0.18,点击进入,并选择下载 electron-v2.0.18-win32-x64.zipSHASUMS256.txt, 下载完成后,将SHASUMS256.txt文件改为 SHASUMS256.txt-2.0.18,而后将两个文件拷入如图位置:没有路径的,须要本身该建立路径
  • step2:完成step1后,继续npm run build,发现又有文件下载失败 winCodeSign-2.4.0(我这里是须要该版本的文件,根据本身的错误信息,来选择对应的版本下载便可),而后本身手动下载https://github.com/electron-u...,这里下载的是Source code(zip),速度快,下载完成后解压,拷贝如图位置全部文件:
    拷贝winCodeSign全部文件
    拷贝至如图位置:
    没有路径的,须要本身该建立路径
  • step3:完成step2后,继续npm run build,发现又有文件下载失败 nsis-3.0.3.2(同上),而后本身手动下载https://github.com/electron-u...,同上,下载完成后解压,拷贝如图位置全部文件:拷贝nsis里全部文件
    拷贝至如图位置:
    没有路径的,须要本身该建立路径
  • step4:完成step3后,继续npm run build,发现又有文件下载失败 nsis-resources-3.3.0,可是按照上面的方法操做,最后仍是会报错,而后我尝试,用step3中下载解压后的这个nsis-3.0.3.2版本试试,拷贝如图位置全部文件:
    拷贝nsis-resources全部文件
    拷贝至如图位置:
    没有路径的,须要本身该建立路径

至此,咱们一共进行了四次拷贝操做,完成以上四步操做后,运行npm run build,不一下子就能打包成功,获得你的第一个exe版本。git

相关文章
相关标签/搜索