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

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

前一篇有写过 Electron 桌面应用开发快速入门到打包Windows应用程序

在安装到打包的整个过程中,我们都会遇到很多诡异的问题,接下来我将介绍我遇到的几个问题的解决方案

一、拉包的时候报错

npm install electron --save-dev 和 npm install electron-builder --save-dev的时候报错

报错Install fail! Error: Unsupported URL Type: npm:string-width@^4.2.0 或 RequestError:connect ETIMEDOUT 20.205.243.166:443

一般是由于node版本和npm版本太低所致

建议使用cnpm镜像安装拉包会快一点

1. 更新Node版本

Node版本更新至v14.17.0以上,建议更新最新版本

2. 更新npm版本

npm版本更新至node对应版本的最新版本

javascript 复制代码
npm install -g npm

3. 安装cnpm

安装 cnpm 并设置镜像源为 https://registry.npmmirror.com

javascript 复制代码
npm install -g cnpm --registry=https://registry.npmmirror.com

如果已经安装了cnpm,直接更新

注意设置镜像源为 https://registry.npmmirror.com

javascript 复制代码
cnpm i -g cnpm
cnpm config set registry https://registry.npmmirror.com

4. 清除npm缓存

升级完版本,基本拉包 90% 的问题都可以解决,如果还没有解决,可以清除npm缓存来处理

javascript 复制代码
npm cache clean --force

如果继续报错Install fail! Error: Unsupported URL Type: npm:string-width@4.2.0,需要手动更新npm版本为最新,再清楚缓存,再安装string-width@4.2.0

javascript 复制代码
npm install -g npm@latest
npm cache clean --force
npm install string-width@^4.2.0

二、electron-builder打包报错

electron-builder打包时报错【process failed ERR_ELECTRON_BUILDER_CANNOT_EXECUTE】

发现是electron-builder打包需要的三个关键文件下载失败问题

winCodeSign-2.6.0.7z

nsis-resources-3.4.1.7z

Get nsis-3.0.4.1.7z

1. 手动下载这三个包

electron-userland/electron-builder-binaries

链接中找到对应的三个版本的包,下载压缩包

2. 解压三个文件放Electron-builder缓存中

整个解压三个文件,放到对应的缓存位置中

默认路径一般是在C盘的 AppData\Local 文件夹下,例如:【C:\Users\Lenovo\AppData\Local】

打开electron-builder文件夹下的Cache文件夹,在Cache文件夹里面放解压后的缓存文件

winCodeSign-2.6.0


nsis-resources-3.4.1


nsis-3.0.4.1

三、 重新打包

重新打包后会成功

如果还出现报错:cannot execute cause=exit status 1 errorOut=Fatal error: Unable to commit changes

可以关闭相关杀毒软件,再次执行打包程序就不会出现以上错误提示了(网上有人遇到过,我暂时没遇到这种问题)

相关推荐
一城烟雨_2 小时前
vue3 实现将html内容导出为图片、pdf和word
前端·javascript·vue.js·pdf
树懒的梦想3 小时前
调整vscode的插件安装位置
前端·cursor
低代码布道师4 小时前
第二部分:网页的妆容 —— CSS(下)
前端·css
一纸忘忧4 小时前
成立一周年!开源的本土化中文文档知识库
前端·javascript·github
涵信5 小时前
第九节:性能优化高频题-首屏加载优化策略
前端·vue.js·性能优化
前端小巷子5 小时前
CSS单位完全指南
前端·css
SunTecTec6 小时前
Flink Docker Application Mode 命令解析 - 修改命令以启用 Web UI
大数据·前端·docker·flink
软件技术NINI6 小时前
html css js网页制作成品——HTML+CSS甜品店网页设计(4页)附源码
javascript·css·html
涵信6 小时前
第十一节:性能优化高频题-响应式数据深度监听问题
javascript·vue.js·性能优化
codingandsleeping6 小时前
Express入门
javascript·后端·node.js