项目根目录|main:electron主进程相关的代码|└─── main.js|└─── preload.js|build:打包后的页面代码|└─── index.html|└─── js文件、css文件、……略|package.json|……略 打包后的应用程序找不到对应文件是因为electron-builder打包时没有包含必要的“项目代码文件”,没有对应的文件自然就404了...
1、环境:node V16.14.2 "devDependencies": {"electron":"^19.1.3","electron-builder":"^23.6.0"}, 2、安装electron-builder npminstallelectron-builder --save-dev --registry https://registry.npmmirror.com 3、在项目根目录底下新建vue.config.js(不是VUE项目也可以新建) module.exports ={//判断开发...
"build":{"appId":"com.xxx.app","mac":{"target":["dmg","zip"]},"win":{"target":["nsis","zip"]}},"scripts":{"dist":"electron-builder --win --x64"}, 在命令行中执行npm run dist,执行结果如下: 打包后在dist目录生成如下文件: 解压zip包或执行setup安装文件,应用启动后且没有报错,...
第五步:打包成软件包 在dist文件夹内-执行命令 npm install electron-builder npm install electron-package 1. 2. 3. npm install electron-updater 1. 执行打包命令: electron-bulider 或 执行命令:npm run dist electron-builder打包及问题:https://www.yuque.com/casually/soiwk1/gz1p5c#5onTa 以上就是打包...
electron-builder 在打包的时候,会根据系统的不同去各自的 NPM 缓存目录下查找对应版本的 Electron 源,当我们将下载好的源放在 NPM 缓存中后,就不需要再去联网拉去了。 我使用的 electron@14.2.6 镜像的下载地址为:https://registry.npmmirror.com/binary.html?path=electron/14.2.6/。
四、electron-packager和electron-builder不同之处,使用场景,使用方法。 创建前端项目或引入前端项目, 项目目录为以下结构: --main.js --icons --preload.js --index.html --package.json 1. 2. 3. 4. 5. (4.1) electron 开发环境安装,使用以下任意命令: ...
electron-builder 打包 简单回顾下Electron打包后的结果 目录结构 我们的应用打包后的目录结构是这样的: 代码语言:javascript 代码运行次数:0 复制 Cloud Studio代码运行 .├── locales │ ├── am.pak │ └──...一堆的 pak 文件 ├── resources ...
1、electron项目文件需要在英文目录下,不然会报code错误 2、electron-builder由于网络无法下载一些依赖包时: 法一、在package.json的build中添加electron的镜像 "electronDownload": { "mirror": "https://npm.taobao.org/mirrors/electron/" } 法二、若还是下载不了相关包,需要手动下载包到相应的缓存目录中,各操作...
"electron-builder --publish never --linux","dev":"concurrently \"wait-on http://localhost:8080 && electron .\" \"cross-env BROWSER=none yarn start\""},"dependencies":{},"devDependencies":{"electron":"^8.2.1","electron-builder":"21.2.0"},"build":{"appId":"Electron-desktop","...