Vue CLI Plugin Electron Builder 打包出現空白問題

使用yarn electron:serve 測試是正常的

打包后就異常了

首先修改路由模式

// vue-router 4.x版本
const router = createRouter({
  history: process.env.IS_ELECTRON ? createWebHashHistory(process.env.BASE_URL) : createWebHistory(process.env.BASE_URL),
  ...
});

/*
vue-router 4.0 以下版本
const router = createRouter({
  mode: process.env.IS_ELECTRON ? 'hash':'history',,
  ...
});
*/

然后在路由中首頁面千萬不要一異步引入，其他頁面無所謂，可以使用異步方式引入

如果首頁面想要異步引入的話。可以在app.vue 的created生命周期中跳轉到 首頁面

路由模式比較重要，生成環境不能使用histroy 雖然可以正常跳轉，但是返回上一頁就不知道跳哪去了