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压缩包,在当前文件夹下解压到同名文件夹下

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

typescript 复制代码
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

相关推荐
乐闻x1 分钟前
Vue.js 性能优化指南:掌握 keep-alive 的使用技巧
前端·vue.js·性能优化
一条晒干的咸魚3 分钟前
【Web前端】创建我的第一个 Web 表单
服务器·前端·javascript·json·对象·表单
花海少爷14 分钟前
第十章 JavaScript的应用课后习题
开发语言·javascript·ecmascript
Amd79419 分钟前
Nuxt.js 应用中的 webpack:compiled 事件钩子
前端·webpack·开发·编译·nuxt.js·事件·钩子
生椰拿铁You27 分钟前
09 —— Webpack搭建开发环境
前端·webpack·node.js
狸克先生38 分钟前
如何用AI写小说(二):Gradio 超简单的网页前端交互
前端·人工智能·chatgpt·交互
咖喱鱼蛋41 分钟前
Ubuntu安装Electron环境
linux·ubuntu·electron
sinat_3842410941 分钟前
在有网络连接的机器上打包 electron 及其依赖项,在没有网络连接的机器上安装这些离线包
javascript·arcgis·electron
baiduopenmap1 小时前
百度世界2024精选公开课:基于地图智能体的导航出行AI应用创新实践
前端·人工智能·百度地图
loooseFish1 小时前
小程序webview我爱死你了 小程序webview和H5通讯
前端