解决electron-vite打包报错：node_modules\app-builder-bin\win\x64\app-builder.exe process failed ERR_ELECTRON

最新推荐文章于 2024-12-23 13:56:45 发布

八月林城

最新推荐文章于 2024-12-23 13:56:45 发布

阅读量788

点赞数 2

CC 4.0 BY-SA版权

文章标签： electron javascript 前端

本文链接：https://blog.youkuaiyun.com/PineSummer/article/details/144331475

一、打包时报错图片

在这里插入图片描述

二、解决方法

原因：打包的依赖没有下载好
解决方法：手动卸载，然后安装即可，处理好以后重新打包

npm uninstall electron-builder
npm install electron-builder --save-dev
或者
yarn remove electron-builder
yarn add electron-builder --dev

在这里插入图片描述

三、打包结果

在这里插入图片描述

关注博主即可阅读全文

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

八月林城

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
打赏
打赏
打赏举报

举报

electron - 解决打包报错A JavaScript error occurred in the main process（Error: Unable to find a valid app）

高级前端工程师

05-04

1万+

electron报错A JavaScript error occurred in the main process，electron 打包出现问题：Error: Unable to find a valid app，electron打包exe报错，electron项目打包报错，electron-builder打包过程中报错，Electron打包失败问题，Electron 打包报错解决方法，electron打包及打包过程中的报错解决，electron 配置、打包 -报错解决，vue项目中使用electron打

Electron在MAC上打包报错：app-builder_arm64 process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE的解决方案

读心悦

01-31

1860

在MAC上创建Electron应用打包的时候报错：app-builder_arm64 process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE。原因是本地缓存中没有打包需要的依赖包，比如electron-v25.9.8-darwin-arm64.zip，所以打包的时候，会自动去下载对应的依赖包。之所以报错，是因为远程下载的时候，会有很多原因导致下载终端，比如网络原因等。所以我们只能手动下载依赖包，然后放到缓存文件夹中。

参与评论您还未登录，请先登录后发表或查看评论

【Electron】electron-vite使用pnpm与electron-builder打包报错：nsis-3.0.4.1\Bin\makensis.exe process failed ERR

余浩的博客

10-16

962

针对问题2：pnpm与electron-builder的设置问题可以手动修改。文件完整配置：（问题3可以参考这个文件的镜像配置）针对问题3也可以直接复制下面的包。网上有众多此类报错的可能，比如。二、可能原因与解决方案。

vite+electron打包的相关配置，并解决electron的打包报错问题

不喜欢BUG，喜欢前端的日子

12-23

2943

继上次讲解过如何正确的安装Electron，并完成vue3+electron的环境搭建之后再次研究了一下 electron+vite的打包过程，此篇文章主要用于把打包中所遇到的问题进行记录并把相关的配置进行描述，以下的操作都是基于vue3+vite环境进行操作的，初次研究如有不对的地方欢迎大家进行讨论。

ExecError: \node_modules\app-builder-bin\win\x64\app-builder.exe exited with code ERR_ELECTRON_BUILD

qq_48666244的博客

09-26

2247

【代码】ExecError: \node_modules\app-builder-bin\win\x64\app-builder.exe exited with code ERR_ELECTRON_BUILD。

Electron-builder app-builder.exe ERR_ELECTRON_BUILDER_EXECUTE

Z-VegetableBird的博客

09-09

3962

在使用cnpm 打包builder的时候死活报这个错。处理方式：可以尝试下载yarn 下载方式 npm install -g yarn --registry=https://registry.npm.taobao.org 在配置下载源 yarn config set registry https://registry.npm.taobao.org -g yarn config set sass_binary_site http://cdn.npm.taobao.org/dist/node...

electron-vite打包出错

小耳朵晨晨

09-02

981

由于electron默认打包会从github上下载相关二进制包，众所周知，国内GitHub访问是相当慢的，所以经常会出现下载失败导致打包不成功，这时我们就需要配置国内的镜像源，以解决从GitHub下载慢甚至无法下载的问题。npm的配置文件为用户根目录下的：~/.npmrc（Windows路径为：C:\Users<UserName>.npmrc）看registry即可如下即成功。执行下面这行代码即可。

electron-v8.5.5-win32-x64.zip/app-builder.exe exited with code ERR_ELECTRON_BUILDER_CANNOT_EXECUTE

zihaowu的博客

03-29

2709

Electron打包 electron-v8.5.5-win32-x64.zip资源下载以及\node_modules\app-builder-bin\win\x64\app-builder.exe exited with code ERR_ELECTRON_BUILDER_CANNOT_EXECUTE 问题解决

electron-builder打包过程中报错所需的文件

01-24

学习项目使用的是`vue3`+`typescript`+`vite`+`electron`，npm r Get ...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 打包问题:electron-builder 下载各种依赖出错(推荐)

10-15

2. 对于electron本身，可以访问其GitHub Release页面，下载对应的electron-v版本-win32-x64.zip压缩包和SHASUMS256.txt文件。 3. 对于winCodeSign，也是需要离线下载，然后将下载的文件解压放到指定的目录下。 4. ...

解决 electron打包抛错nsis\nsis-3.0.4.1\Bin\makensis.exe process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE

Crystal_Mr_Rose的博客

02-28

4475

解决 electron打包抛错nsis\nsis-3.0.4.1\Bin\makensis.exe process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE

使用electron-builder --win --x64 命令 app-builder-bin\win\x64\app-builder.exe 报错

bigb的博客

02-14

2731

手动下载上面的那个文件放到 C:\Users[替换成真实路径]\AppData\Local\electron\Cache 文件路径下

electron 配置、打包 -报错解决

CMDN123456的博客

07-31

2706

electron 配置、打包 -报错解决

electron-build打包报错:ERR_ELECTRON_BUILDER_CANNOT_EXECUTE

文和的博客

07-18

3377

直接切换版本：我将electron由12.0.0升级为13.3.4。

electron+vue3+vite打包失败解决方案

湘中小霸王的博客

08-11

813

在electron+vue3+vite的环境下打包，出现如下报错信息的解决方法：node_modules\vue-tsc\index.js:39 throw err; ^ReferenceError: sys is not defined at eval将 vue-tsc 升级到2.0以上版本。将package.json里的build命令修改如下。打包成功后会有一个release文件夹

【Electron】桌面应用开发electron-builder打包报错问题处理

TTong_190502的博客

08-23

6457

Electron 桌面应用开发electron-builder打包过程中各种报错问题处理

electron打包时报错

大木头小蝌蚪的博客

11-21

609

electron打包时，cmd 执行electron-packager . 'HelloWorld' --platform=win32 --arch=x64 --icon=icon.ico --out=./out --asar --app-version=1.0.0 --electron-version=7.1.2 之后，一直报这个警告，有没有知道为什么？ ...

electron项目打包报错

PD911921的博客

10-07

2057

1.asar 的定义：asar 是一种文件归档方式，类似于 tar 包，把多个目录和文件合并在一起，但是并不进行压缩本质上讲，asar 是一个虚拟目录，以一个大文件文件形式保存了指定目录下所有文件的方式。避免 Windows 系统下文件路径过长（Windows 限制最长路径为 260 个字符）加快 require 函数的加载文件的速度避免向用户直接暴露代码文件。

error during preview electron app: Error: Electron uninstall at getElectronPath (file:///D:/my_player/vue3-electron-netease-cloud/node_modules/.pnpm/electron-vite@2.3.0_vite@5._1ef755f838056ae20abedab417f4f194/node_modules/electron-vite/dist/chunks/lib-BmEkZIgk.mjs:129:19) at startElectron (file:///D:/my_player/vue3-electron-netease-cloud/node_modules/.pnpm/electron-vite@2.3.0_vite@5._1ef755f838056ae20abedab417f4f194/node_modules/electron-vite/dist/chunks/lib-BmEkZIgk.mjs:198:26) at preview (file:///D:/my_player/vue3-electron-netease-cloud/node_modules/.pnpm/electron-vite@2.3.0_vite@5._1ef755f838056ae20abedab417f4f194/node_modules/electron-vite/dist/chunks/lib-AgEz08--.mjs:20:5) at async CAC.<anonymous> (file:///D:/my_player/vue3-electron-netease-cloud/node_modules/.pnpm/electron-vite@2.3.0_vite@5._1ef755f838056ae20abedab417f4f194/node_modules/electron-vite/dist/cli.mjs:109:9)

最新发布

05-09

### 解决方案当遇到 `Electron uninstall` 错误时，通常是因为项目依赖未正确安装或者路径配置存在问题。以下是针对该问题的具体分析和解决方法： #### 1. **检查 Electron 的安装状态** 确保项目的 `node_modules` 中存在正确的 Electron 版本。可以通过以下命令重新安装 Electron： ```bash pnpm add electron --save-dev ``` 如果仍然报错，尝试清理缓存并重装依赖： ```bash rm -rf node_modules package-lock.json pnpm-lock.yaml yarn.lock pnpm install ``` #### 2. **验证 Electron 路径** 错误日志表明，在调用 `getElectronPath` 函数时未能找到有效的 Electron 可执行文件[^1]。可以手动设置 Electron 的路径来解决问题。在项目根目录下创建或修改 `.env` 文件，添加以下内容： ```plaintext ELECTRON_PATH=./node_modules/.bin/electron ``` #### 3. **升级或降级 Electron-Vite 版本** 当前使用的 `electron-vite` 版本为 2.3.0，可能存在兼容性问题。建议尝试切换到稳定版本（如 1.x 系列），具体操作如下： ```bash pnpm remove electron-vite pnpm add electron-vite@1.0.18 ``` #### 4. **调整构建工具链** 对于 Vue3 和 Electron 结合的项目，推荐使用更稳定的框架集成方式，例如通过 Electron Forge 实现自动化流程[^2]。以下是初始化步骤： ```bash pnpm create electron-forge-app my-electron-app cd my-electron-app pnpm install vue@next vue-router pinia element-plus ``` #### 5. **处理特殊环境下的依赖缺失** 如果是跨平台开发（如龙芯平台），可能会因特定包不可用而导致错误。此时需手动指定 npm 镜像源进行安装[^3]。例如： ```bash npm config set registry https://registry.npmmirror.com/ pnpm add @vue/compiler-dom@3.4.11 ``` --- ### 示例代码：自定义启动脚本为了进一步排查问题，可以在项目中加入调试逻辑以确认 Electron 是否正常加载。 ```javascript // main.js 或者类似的入口文件 const { app, BrowserWindow } = require('electron'); try { const pathToElectronExecutable = require.resolve('electron'); console.log(`Using Electron from: ${pathToElectronExecutable}`); } catch (err) { console.error('Failed to locate Electron:', err.message); } app.whenReady().then(() => { new BrowserWindow({ width: 800, height: 600 }); }); ``` --- ###