Electron-Vue打包构建(yarn run build)成功，但运行失败一片空白(blank,not cacheable)

一、管理员模式下运行

确保cmd具有windows的管理员权限。
具体方法如下：
1. 在“开始”菜单那里输入 cmd
2. 然后界面上会出现几个搜索结果，其中包含cmd
3. 右键点击 cmd
4. 选择 “以管理员身份运行”

二、查看构建输出

1. Electron-Vue打包构建的命令如下：

yarn run build

2. 查看构建时候的输出，看是否有以下输出

external "xxxxx" [ not cacheable ]

3. 修改.electron-vue目录下的webpack.renderer.config.js
   主要是两段：

let whiteListedModules = ['vue']

externals: [
  ...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d))
],

这两段是用来描述对外部依赖的模块的白名单。
上面两段，只需要修改其中一段。在第一段那里加入需要引入的模块。或者在第二段那里把整句话注释掉，允许所有模块进入白名单。

//冒号那里要替换成需要加入白名单的模块名字，构建的时候，哪个报not cacheable错误就加哪个
let whiteListedModules = ['vue' , 'vue-router', 'axios', .....]

或者第二种方法，注释掉白名单过滤那句话，结果如下：

externals: [
  //...Object.keys(dependencies || {}).filter(d => !whiteListedModules.includes(d))
],

4. 需要详细资料的话，可以看看下面的参考资料 npm run build 打出来的包，安装后，什么都不显示，白屏？ #430

三、重新构建一下，看看是否可以正常显示界面

http://xzh.i3geek.com