解决electron-vue build报错解决方法

84 阅读1分钟

1.安装淘宝镜像cnpm (因为国外的有些资源下载龟速)

npm install -g cnpm --registry=https://registry.npm.taobao.org
复制代码

2.创建electron-vue项目(网上资源很多,最终选择build打包方式)

$ vue init simulatedgreg/electron-vue exceltools
复制代码

4.根据package.json里的各种打包方式,最后打包会报错主要是网络原因导致没法下载依赖包,5个依赖包如下:

1.electron-v2.0.18-win32-x64.zip
2.SHASUMS256.txt-2.0.18
3.winCodeSign-2.4.0
4.nsis-3.0.3.2
5.nsis-resources-3.3.0
复制代码

5.各个依赖包下载路径及安装位置

1.electron-v2.0.18-win32-x64.zip和SHASUMS256.txt-2.0.18(如果需要32位的就对应下载electron-v2.0.18-win32-ia32.zip)

下载资源npm.taobao.org/mirrors/ele…

备注:在上面的地址中,找到对应版本,下载如下两个文件:electron-v2.0.18-win32-x64.zip和SHASUMS256.txt

安装位置:C:\Users\windows用户\AppData\Local\electron\Cache,并将.txt文件名加上版本号:electron-v2.0.18-win32-x64.zip和SHASUMS256.txt-1.8.2 adkum-2gpic.png

1.1在复制一份放在C:\Users\WJ\ .electron 16fc6a6b68c8213c_tplv-t2oaga2asx-watermark.png

2.winCodeSign-2.4.0

下载资源github.com/electron-us… 在里面找到winCodeSign-2.4.0

安装位置:在目录C:\Users\windows用户\AppData\Local\electron-builder\cache\winCodeSign\winCodeSign-2.4.0(没有该文件就新建,后面都是这样)下,将解压的文件直接放入这个目录下,将下载文件解压到此文件夹内

16c60ca55160cc7c_tplv-t2oaga2asx-watermark.png

3.nsis-3.0.3.2.7z

下载资源github.com/electron-us… 在里面找到nsis-3.0.3.2.7z

安装位置:在目录C:\Users\windows用户\AppData\Local\electron-builder\cache\nsis下,将解压的文件直接放入这个目录下,将下载文件解压到此文件夹内 aqjuc-k4wa6.jpg

3.nsis-resources-3.3.0

下载资源github.com/electron-us… 在里面找到nsis-resources-3.3.0.7z

安装位置:在目录C:\Users\windows用户\AppData\Local\electron-builder\cache\nsis下,将解压的文件直接放入这个目录下,将下载文件解压到此文件夹内(和上面)

aqjuc-k4wa6.jpg

重新build应该可以成功了