electron-vue爬坑：使用npm run build 报错

创建项目

# 安装 vue-cli 和 脚手架样板代码

npm install -g vue-cli

vue init simulatedgreg/electron-vue my-project

# 安装依赖并运行你的程序

cd my-project

yarn # 或者 npm install

yarn run dev # 或者 npm run dev

描述

出现此类问题的根本原因： 网络差，下载慢，下载失败

环境：electron-vue/win10

使用命令：npm run build

在执行npm run build，由于网络差，打包所需要的文件下载不下来，导致后面的一大批错误。后面每一步都可能因网络原因而报错，请参照对应报错按要求手动下载对应工具。

因版本原因，文中下载地址仅作参考，请从报错信息中拷贝正确下载地址。

用迅雷一般都能从github上下载成功

以下所说目录若不存在，请手动新建（其实只要执行到某一步，就会自动生成该目录），目录中已有的缓存文件可以删掉

资料

electron-builder 注意看这个，里面有各个文件的别的下载地址

electron-vue的正确build姿势

你可能会用到的目录结构图

不同系统

macOS: ~/Library/Caches/electron-builder

Linux: ~/.cache/electron-builder

windows: %LOCALAPPDATA%\electron-builder\cache

下面各个路径的总结（不明白后面都有）

electron-v2.0.18-win32-x64.zip：C:\Users\Gabriel\AppData\Local\electron\Cache\electron-v2.0.18-win32-x64.zip

SHASUMS256.txt-2.0.18：C:\Users\Gabriel\AppData\Local\electron\Cache\SHASUMS256.txt-2.0.18

winCodeSign-2.4.0：C:\Users\Gabriel\AppData\Local\electron-builder\Cache\winCodeSign\winCodeSign-2.4.0

nsis-3.0.3.2和nsis-resources-3.3.0都在：C:\Users\Gabriel\AppData\Local\electron-builder\Cache\nsis

electron-v2.0.18-win32-x64.zip

注意，下面的路径是放在electron

下载地址

GitHub：https://github.com/electron/electron/releases

淘宝镜像：https://npm.taobao.org/mirrors/electron/

安装

在上面的地址中，找到对应版本，下载如下两个文件：electron-v1.8.2-win32-x64.zip和SHASUMS256.txt

放到目录：C:\Users\windows用户\AppData\Local\electron\Cache，并将.txt文件名加上版本号：electron-v1.8.2-win32-x64.zip和SHASUMS256.txt-1.8.2

---

注意，下面的路径是放在electron-builder

winCodeSign-2.4.0/winCodeSign-2.4.0.7z

下载地址：https://github.com/electron-userland/electron-builder-binaries/releases 在里面找到winCodeSign-2.4.0

解压：

在目录C:\Users\windows用户\AppData\Local\electron-builder\cache\winCodeSign下，将解压的文件直接放入这个目录下，将下载文件解压到此文件夹内，如下图

nsis-3.0.3.2.7z

下载地址：https://github.com/electron-userland/electron-builder-binaries/releases?after=snap-template-2.4 在里面找到nsis-3.0.3.2.7z

解压：

在目录C:\Users\windows用户\AppData\Local\electron-builder\cache\nsis下，将解压的文件直接放入这个目录下，将下载文件解压到此文件夹内，如下图

nsis-resources-3.3.0.7z

下载地址：https://github.com/electron-userland/electron-builder-binaries/releases/tag/nsis-resources-3.3.0 在里面找到nsis-resources-3.3.0.7z

解压：

在目录C:\Users\windows用户\AppData\Local\electron-builder\cache\nsis下，将解压的文件直接放入这个目录下，将下载文件解压到此文件夹内，如下图

注意，这里放的是nsis文件夹！！！不是单独的自己开一个文件夹，网上好多是错的，坑坑坑坑

应该就可以打包成功了