electron-builder 首次执行报错问题解决

于 2024-10-04 18:38:19 发布
阅读量370 收藏 1
点赞数 1
分类专栏： electron 文章标签： electron javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43160044/article/details/142705831
版权

假日想研究一下 react + electron 的使用，结果发现首次打包疯狂报错，研究了一下之后才发现是第一次的话 electron-builder 会从外面下载依赖包到我们系统中，由于某种力量导致压缩包无法下载或者是下载过慢导致失败，要解决其实也简单，给我们的 npm 加上 VPN（需要自备）的能力就行

npm config set https-proxy http://127.0.0.1:33000

端口号为 VPN 使用的端口，这样子就能正常下载了，不行的话可能就得自己去下载对应的压缩包放在对应的位置了（不展开细说，网上有很多）

然后打包过程中可能还会出现另一个问题就是解压报错，解决也简单，因为是没有权限导致的，我们使用 win + x 打开管理员窗口进行打包就可以了

最后也是顺利打包完成了~

最后，关于初始项目的搭建，我推荐从这里直接拿一个，可以减少手动搭建的步骤，确实还是有点麻烦的hh

https://github.com/caoxiemeihao/electron-vite-samples

前端码农小黄
关注
专栏目录
electron | electron-packager打包问题汇总
MGsniper的博客
09-16 2万+
electron-packager打包问题汇总:operation not permitted,下载慢，ECONNRESET
electron-builder打包过程中报错所需的文件
01-24
学习项目使用的是`vue3`+`typescript`+`vite`+`...比如electron-builder打包过程中会涉及到四个包： 1. electron-v28.1.4-win32-x64 2. winCodeSign-2.6.0 3. nsis-3.0.4.1 4. nsis-resources-3.4.1 安装路径见本人博客
（成功踩坑）electron-builder打包过程中报错
大雾起了清晨
08-20 3854
2.网络包github下载不下来，导致打包失败（执行electron-builder的时候首次会先去github下载资源文件）如果下载的是electron-xxx-win32-64.xxx这个包，直接下载完以后放置到下方目录不用解压！打包的时候只要一遇到命令未找到，后者不可执行，直接用npm install xxx -g。在我们执行electron-builder打包的时候可能会报下面两个错。如下图红色框，就是缺少的文件。去网站里面找到对应的文件下载。剩下的其他几个资源文件，都放在下方目录，
electron-builder打包步骤以及常见问题
weixin_45518336的博客
05-06 782
由上所述， 第一次 执行 npm electron-builder 打包的命令时， 会到 GitHub （https://github.com/electron/electron/releases/）上下载 electron-builder 的依赖包失。在您的应用程序中，您使用的是 Electron 的 API 和功能，并且在打包时，electron-builder 将这些文件放入一个自包含的二进制文件中。，然后解压缩这个 zip 包，并将其中的内容打包到您的应用程序中，使其成为一个可执行文件。
electron打包：electron-packager及electron-builder两种方式实现（for Windows）
热门推荐
我飞故我在的专栏
09-07 2万+
前言 本文主要介绍如何通过electron-packager及electron-builder两种方式，将已有的electron应用打包成msi格式和exe可执行文件。打包是一个成熟的应用程序一个重要的环节，希望这篇文章可以给大家一些参考，最后会讲到打包时遇到的一些坑，与大家分享。 本文适用于有一些electron实践经验的小伙伴，知道如何创建一个简单的electron应用，并且知道electr...
【小结】实战：使用electron-vue + yarn/npm 创建桌面应用程序
weixin_42050406的博客
05-19 2871
electron简介： 官网：https://www.electronjs.org/ 更多内容：https://simulatedgreg.gitbooks.io/electron-vue/content/cn/ 项目创建和普通的vue项目一样，使用vue-cli来安装electron-vue的模板 vue init simulatedgreg/electron-vue your-project 一路回车，项目就建好了 建好的项目结构： 管理依赖请使用yarn！！！！ 来一开始我用的是npm，结果到打
手把手electron-vue项目搭建 web技术搭建前端桌面应用.exe【踩坑记录】
weixin_39729729的博客
11-28 742
前置条件 安装nodejs、npm 全局安装vue-cli npm install -g vue-cli // 全局安装vue-cli 创建项目 使用 vue-cli 创建 electron-vue 模板 // 可能会提示安装 @vue/cli-init // 没有提示则无需安装，我用的版本是 v4.*.* npm i -g @vue/cli-init // 使用 vue-cli 创建 electron-vue 模板 // 下载模块，需要科学上网（临时使用可狗度 fotiaoqiang 菜鸡友好）
electron-vue 获取本地配置,修改存放目录
banyoyo的博客
03-23 1925
electron-vue 获取本地配置,修改存放目录。
Electron项目的创建及编译启动
m0_52364694的博客
09-04 2045
目录 1 创建项目 1.1 使用cnpm加速下载 1.2 为什么不使用SimulatedGREG/electron-vue 1.3 安装/升级vue-cli3 1.4 创建vue项目 1.5 自动安装electron 1.6 手动安装electron 1.7 编译并启动APP 2 配置项目 2.1 配置ESLint代码格式检查工具 2.2 配置vue 3 项目基本设定 3.1 主进程和渲染进程简介 3.2 APP窗口大小 3.3 取消跨域限制 3.4 取消菜单栏 3.5 设置APP窗口图标 3.6 设置AP
electron项目打包慢、打包报错
Dominic_W的博客
04-15 1498
项目使用了electron框架，在第一次打包或者网络条件不好的环境下进行打包时熟速度慢的出奇，甚至经常出现打包失败的情况（如上面图片的报错）。这是因为，在electron打包的过程中，需要去官方源https://github.com/electron/electron/releases/download/下载一个ZIP包，大概70-80MB左右，这个包的下载站点是github，由于某些原因导致这一步经常出现问题。
Electron项目中通过electron-vue + electron-builder + electron-updater实现远程更新（包含源码）
04-01
`electron-builder`是一个强大的打包和发布工具，它可以将Electron应用打包成适用于不同操作系统的可执行文件。它支持Windows、macOS和Linux，并且可以创建自解压包、DMG、AppImage等多种格式。`electron-builder`还...
Electron 打包问题:electron-builder 下载各种依赖出错(推荐)
10-15
### Electron打包问题与electron-builder下载依赖出错 ...文章通过实际问题的解决过程，分享了解决electron-builder下载依赖出错的技巧和方法，这对于学习和工作中的Electron打包操作具有较高的参考价值。
构建electron项目
最新发布
YUELEI118的博客
10-02 490
pnpm i。
electron教程（三）窗口设置
i-cat的博客
09-29 747
electron创建窗口时的一些属性设置
Electron 使用 Nodemon 配置自动重启
咸鱼滚滚
09-28 599
在Electron项目中，每次修改了代码都需要手动关闭应用，再执行npm start重启应用。 Nodemon 是一个非常实用的工具，主要用于在开发 Node.js 应用时自动监测文件的变化并重新启动服务器。
Electron 主进程与渲染进程、预加载preload.js
咸鱼滚滚
09-29 916
每个 Electron 应用都有一个单一的主进程，作为应用程序的入口点（主进程具有唯一性）。任何 Electron 应用程序的入口都是 main 文件，负责控制应用的生命周期、创建和管理窗口、与操作系统进行交互等。 主进程在 Node.js 环境中运行，它具有 require 模块和使⽤所有 Node.js API 的能力。 主进程的核心：使用 BrowserWindow 来创建和管理应用程序窗口。
electron打包报错-winCodeSign无法下载
lazy_tomato的博客
10-01 511
使用管理员权限打开命令行工具进入到脚本目录，再次执行打包，有管理权限就能正常的向C盘写入这些内容。用的vscode去打包这个应用的，但是下载 winCodeSign这个依赖的脚本一直报错。但是脚本可能不是固定的，可以当做一个思路，看具体情况，选择性使用。ps: 还有一种方法，可以手动下载这些包，拷贝到。
Electron 进程通信
咸鱼滚滚
09-30 1116
Electron 进程通信： IPC：全称是 InterProcess Communication ，即：进程间通信。 IPC连接不同进程：在 Electron 应用中，主进程和渲染进程各自有不同的职责和运行环境。IPC是它们之间进行交互和协同工作的关键机制。没有有效的 IPC，主进程和渲染进程将无法有效地沟通和协调，导致应用功能受限。 调用原生 API 的唯一途径：IPC 是 Electron 中最为核心的内容。IPC 是从 UI（通常在渲染进程中）调用原生 API 的唯一方法。这意味着如果想要在 El
vue add electron-builder打包报错 -4058
03-03
vue add electron-builder打包报错 -4058是由于electron-builder在打包过程中遇到了错误码-4058导致的。这个错误码通常表示无法找到electron-builder的配置文件或者配置文件中存在错误。 解决这个问题的方法有以下几种： 1. 确保你已经正确安装了electron-builder插件。可以使用npm或者yarn进行安装，命令如下： ``` npm install electron-builder --save-dev ``` 或者 ``` yarn add electron-builder --dev ``` 2. 确保你的项目根目录下存在electron-builder的配置文件，通常是electron-builder.json或者electron-builder.js。如果不存在，可以尝试重新运行vue add electron-builder命令来生成配置文件。 3. 检查配置文件中是否存在错误。可以逐行检查配置文件的内容，确保没有语法错误或者路径错误。 如果以上方法都没有解决问题，可以尝试以下操作： 1. 删除node_modules文件夹，并重新运行npm install或者yarn命令来重新安装依赖。 2. 清除缓存并重新构建项目，可以使用以下命令： ``` npm run clean npm run build ``` 希望以上方法能够帮助你解决问题！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值