记录一下electron-vue build时遇到的坑

1.electron-v2.0.18-win32-x64.zip下载失败

执行npm run build报错如下

可以看到是在下载electron-v2.0.18-win32-x64.zip时报错
查询资料发现应该是受限于墙或者网络环境等原因没有完成下载

解决办法

  • 根据错误信息去electron淘宝镜像网站下载相应版本
    比如我的报错是electron-v2.0.18-win32-x64.zip
    则是找到2.0.18版本下载相关文件：electron-v2.0.18-win32-x64.zip和SHASUMS256.txt
   
  • 将两份文件安装至C:\Users\windows用户\AppData\Local\electron\Cache目录下,并且在SHASUMS256.txt后附上版本号改为SHASUMS256.txt-2.0.18
     
 
  • 复制以上两份文件至C:\Users\windows用户\.electron
     

2.winCodeSign-2.4.0下载失败

此报错在本次build中并未遇到，但是查阅资料是发现也有可能会遇到，故一起记录

继续执行npm run build可能会报错winCodeSign-2.4.0下载失败

解决方案

  • 在此处下载winCodeSign-2.4.0
     
 
  • 解压后安装至C:\Users\windows用户\AppData\Local\electron-builder\Cache\winCodeSign目录下
     

3.nsis-3.0.3.2.7z下载失败

继续执行npm run build报错如下

解决办法

  • 在此处下载nsis-3.0.3.2.7z
     
 
  • 解压后安装至C:\Users\windows用户\AppData\Local\electron-builder\Cache\nsis目录下
     

4.nsis-resources-3.3.0下载失败

继续执行npm run build会报错nsis-resources-3.3.0下载失败

解决办法

  • 在此处下载nsis-3.0.3.2.7z
     

     

  • 解压后安装至C:\Users\windows用户\AppData\Local\electron-builder\Cache\nsis目录下
     

 

安装完以上四个依赖包之后在运行npm run build就打包完成啦

参考资料：国内electron-vue build报错解决方法