vue+electron+vuetify，打包程序空白，解决

这个问题困扰我很久了

先附上解决问题的地方

环境

win10

vscode编辑器

vue-cli4.1.2

vue-cli-plugin-vuetify2.0.3

vue-cli-plugin-electron-builder1.4.4

bug出现原因：正常使用开发vuetify，使用yarn electron:serve试调程序正常运行。

打包解决依赖问题

其中打包时遇到一些问题，

• downloading     url=https://github.com/electron-userland/electron-builder-binaries/releases/download/winCodeSign-2.5.0/winCodeSign-2.5.0.7z size=5.6 MB parts=1

解决方法1

解决方法2

上两种方法对应文件夹不一样，请自行注意，对应路径参考在下可以直接搜索Cache找到

我解决的时候自己下载压缩文件多种解压方式均有问题，脚本安装均没有自动识别。

最后是直接放在文件夹每个都试了一遍，一定注意文件目录结构要正确！

其次，如果结构也没问题，等一下，一般下次会有多次请求，在等待超时时间过后，就你手动解压的文件就识别成功了，耐心等一下。我是这么解决的。

最后打包成功，不附图了。有多重打包模式，自行设置。

我后来安装运行，空白。

后找到，由history改为hash模式解决空白问题。但是依然有报错问题。（问题集参考文章首处）

比较坑的一个地方

使用vue-cli-plugin-electron-builder插件时，用命令yarn electron:serve（npm一样），运行成功后创建的窗口显示没问题，打包有问题，也就是说，引用webpack地方有问题，在生产环境不支持history模式，而在试调可以。具体问题没找出。有发现的可以评论下。

还有个很奇怪的地方，安装vuetify和vue-cli-plugin-electron-builder后运行yarn electron:serve，

electron创建的窗口正常显示，本地局域网和localhost的网页端访问空白，报错为

 

使用命令yarn  serve则正常显示，并且插件能识别，可以试调。而且网易端显示正常。

解决的可以评论一下