当前位置：首页 > article >正文

【electron】vue项目中使用electron打包报错的解决办法

article 2025/3/21 1:03:20

背景

重装了系统之后，重装环境，然后运行electron-vue-vite 的项目打包的时候，发现打包失败了！
AI 排查不了这样的环境问题，于是把解决过程记录在此。

错误信息

在这里插入图片描述

原因分析

electron在打包的时候，会在用户的这个目录下，下载一些打包必须要用到的组件，放在这两个目录下。
在这里插入图片描述
最后的效果就是：
C:\Users\用户\AppData\Local\electron\Cache 目录下放着一个electron的安装包

C:\Users\用户\AppData\Local\electron-builder\Cache 目录下放着两个目录nsis 和 winCodeSign

原因分析

在我们使用electron的时候，打包的时候会发现，报错下载失败，为啥呢？因为他的打包文件是有几个文件是git下载，由于网络原因，下载不下来，导致出错；
目录：
具体报错：报错是下面的挨着下载失败的，总共要下载四个
1、electron-v19.1.9-win32-x64.zip
2、winCodeSign-2.6.0.7z
3、nsis-3.0.4.1.7z
4、nsis-resources-3.4.1.7z你

你可以手动把上面的文件下载下来，然后放到对应的目录下，就可以执行打包命令了！

具体操作

二、具体报错：报错是下面的挨着下载失败的，总共要下载四个
1、electron-v19.1.19-win32-x64.zip
把报错下载的后面的那个地址，放在浏览器上，直接下载，然后打开
C:\Users\用户\AppData\Local\electron\Cache 将你下载的压缩包放进去,如图所示

在这里插入图片描述

2、winCodeSign-2.6.0.7z （这里注意哈，剩下的几步，需要放的地方都是 electron-builder 这底下）
这里具体版本和地址，你根据你报错的后面 down 后面的那个路径复制了，然后在浏览器下载下来，比如，我的报错，down：后面的地址就是下面的
https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.6.0/winCodeSign-2.6.0.7z
（1）打开 C:\Users\用户\AppData\Local\electron-builder\Cache ，新建文件夹取名 winCodeSign，把下载的压缩包进行解压（需要带有文件夹），比如解压到winCodeSign-2.6.0
在这里插入图片描述

3、nsis-3.0.4.1.7z
这里具体版本和地址，你根据你报错的后面 down 后面的那个路径复制了，然后在浏览器下载下来，比如，我的报错，down：后面的地址就是下面的
https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-3.0.4.1/nsis-3.0.4.1.7z
（1）打开 C:\Users\用户\AppData\Local\electron-builder\Cache ，新建文件夹取名 nsis，在这里面再新建一个文件夹取名 nsis-3.0.4.1，这个取名不是随便取的，是根据上面下载的路径前面的那个名字而来，把下载的东西解压到这个文件夹

4、nsis-resources-3.4.1.7z
这里具体版本和地址，你根据你报错的后面 down 后面的那个路径复制了，然后在浏览器下载下来，比如，我的报错，down：后面的地址就是下面的
https://github.com/electron-userland/electron-builder-binaries/releases/download/nsis-resources-3.4.1/nsis-resources-3.4.1.7z
（1）打开 C:\Users\用户\AppData\Local\electron-builder\Cache\nsis ，新建文件夹取名 nsis-resources-3.4.1，把下载的东西解压到这个文件夹

在这里插入图片描述