解决electron打包下载依赖超时，报错等问题
⼀、vue项⽬引⼊elec tr o n-builder
这⾥相当于前⾔
使⽤vue-cli构建electron应⽤，使⽤vue add electron-builder，添加打包⼯具，安装成功后，去（package.json⽂件）查看scripts中会⾃动⽣成两条命令：
图⽚.png
使⽤ npm run electron:serve 可以以桌⾯应⽤的形式打开所构建的vue项⽬
使⽤ npm run electron:build 可以打包所构建的vue项⽬，⽣成exe格式的可执⾏⽂件，然后就可以安装使⽤了。
⼆、但是打包的过程充满了艰⾟。因为打包要使⽤到三个依赖⼯具：
1.
2. winCodeSign-2.6.0 这也是执⾏打包命令时，所要求我下载的版本，可以按照项⽬所需进⾏下载安装。下载地址在打包的过程中会给出。下载
等待时间特别漫长。
图⽚.png
3. nsis-3.0.
4.1 这也是执⾏打包命令时，所要求我下载的版本，可以按照项⽬所需进⾏下载安装。下载地址在打包的过程中会给出，但是国内下
载出错的⼏率⼗分⼤。我就下载不成功。
图⽚.png
三、接下来讲解⼀下如何解决：
1. 针对electron-v9.0.2-win32-x64.zip和 -9.0.2我⾸先给electron添加了淘宝镜像。
打开C盘，在你当前⽤户下搜索 .npmrc ⽂件，⽤记事本打开，看看是否设置成功。
图⽚.png
如果⽣成的只有下⾯⼀句，那么⼿动吧上⾯的加上，保存。
如果还担⼼下载不成功，那么就直接下载下来吧。按照⼆、1 中的地址下载两个⽂件。将zip⽂件和解压后的⽂件夹以及SHASUM验证⽂件放到C:\Users\Administrator\AppData\Local\electron\Cache ⽬录下。
图⽚.png
2. 针对 winCodeSign-2.6.0 下载失败，⼤部分是⽹络原因，先⾏在github下载的速度也⼀样龟速，但起码看得见速度，也不会满屏报错。打开
地址：github/electron-userland/electron-builder-binaries/releases 寻你所需要的版本。
图⽚.png
下载完之后解压到同名⽂件夹中。然后 C:\Users\Administrator\AppData\Local\electron-builder\Cache 进⼊到此⽬录下，新建⼀个⽂件夹，名为： winCodeSign ，再把刚刚解压出来的⽂件夹放到这个⽂件夹中。（注意看图中路径！！）
图⽚.png
3. 针对 nsis-3.0.
4.1 下载失败，⼤部分是⽹络原因，先⾏在github下载也⼀样龟速，但起码看得见速度，也不会满屏报错。打开地址：
github/electron-userland/electron-builder-binaries/releases 寻你所需要的版本。
图⽚.png
下载完成后，打开此zip包，但不是所有⽂件都需要。我们需要其中两个⽂件：nsis 和 nsis-resourceselectron vue教程
图⽚.png
将这两个⽂件夹提取出来。重命名：其中 （nsis -> nsis-3.0.4.1 ） （nsis-resources -> nsis-resourcers-3.4.1）
然后 C:\Users\Administrator\AppData\Local\electron-builder\Cache 进⼊到此⽬录下，新建⼀个⽂件夹，名为： nsis ，再把刚刚解压出来的两个⽂件夹放到这个⽂件夹中。
在这⾥插⼊图⽚描述
如果在nsis中出现如图以下问题，直接复制它给的地址下载完回来替换相应的版本即可
图⽚.png
四.开始打包
⾄此，已经完成了打包的三个⼯具的安装，回到项⽬中执⾏：
npm run electron:build 进⾏打包。
图⽚.png
如果是这样，那么就恭喜了，完美打包完成！！
如果不是，上⾯三个⼯具还是downloading的话，返回上⼀步重新看有没有漏掉什么。再如果是出现如下问题的话
图⽚.png

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。