Electron-builder打包安装包——编译篇

突然有一天想打包个桌面程序,没有打包过,经过九牛二虎之力终于打包出来,在此感谢那些热于分享的前辈!

本篇只讲打包运行和出现的问题

一、准备工作:提前下载相关资源包,否则在国内环境下可能因为网络问题报错

在这里插入图片描述
在这里插入图片描述

报错原因:

electron在打包过程中需要访问github的镜像依赖,在大多数情况下由于网络问题都会报错,尤其是在离线环境下,还有报401,404错误等

1.electron安装包,electron-builder相关安装包:winCodeSign、nsis
2.electron下载网页:传送门
3.nsis下载网页:传送门

二、资源包放置位置

electron放置:

在这里插入图片描述

nsis 放置位置:需要新建二个文件夹如下

在这里插入图片描述

nsis文件夹下目录:nsis-3.0.4.1,nsis-resources-3.4.1压缩包,在当前文件夹下解压到同名文件夹下

在这里插入图片描述

winCodeSign文件夹下目录:winCodeSign-2.6.0压缩包,在当前文件夹下解压到同名文件夹下

在这里插入图片描述

最后再次执行打包命令,成功!!!

PS E:\Electron> npm run dist
> electron-builder --win --x64

  • electron-builder  version=24.13.3 os=10.0.22631
  • loaded configuration  file=package.json ("build" field)
  • writing effective config  file=build\builder-effective-config.yaml
  • packaging       platform=win32 arch=x64 electron=29.1.0 appOutDir=build\win-unpacked
  • building        target=nsis file=build\ElectronTest Setup 1.0.0.exe archs=x64 oneClick=true perMachine=false
  • building block map  blockMapFile=build\ElectronTest Setup 1.0.0.exe.blockmap
PS E:\Electron>

附上练习Demo
简单Demo

  • 4
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值