vue-router causes white screen and hot restart failure | 白屏、热重启失败.

[jsxiaosi]

我在示例项目electron-vite-vue中添加[email protected]后会，每次修改热更新主线程文件时会停止运行并保留旧的实例

复现代码：
src/route/index.ts

import { createRouter, createWebHistory } from 'vue-router';
import type { App } from 'vue';

export const router = createRouter({
  history: createWebHistory(''),
  routes: [],
});

export const configMainRouter = async (app: App<Element>) => {
  app.use(router);
  await router.isReady();
};

src/main.ts

import { router } from './router'

createApp(App)
  .use(router)
  .mount('#app')
  .$nextTick(() => {
    postMessage({ payload: 'removeLoading' }, '*')
  })

复现demo

[ntdiary]

window.addEventListener("beforeunload", () => {});

如果在 window 上监听了 beforeunload 事件，自动重启时，旧实例会退出失败。vue-router 里就是监听了这个事件
暂时没空去找根本原因，就先用临时办法绕过了

// electron/main/index.ts
app.on('before-quit', () => {
  if (import.meta.env.DEV) {
    app.exit();
  }
})