白屏有两种情况：

Vue项目使用的history路由的话就会显示空白，加载不出来路由，也不能跳转路由

这种情况看我上一篇文章Electron + vue3 打包之后不能跳转路由-CSDN博客

Electron中已经能正常加载页面跳转路由，但是创建子窗口加载子页面显示空白

类似这种情况👇

这种情况下显示空白是因为加载不到你传递的Hash路由！！！！

因为项目已经打包了，他加载的是一个html文件，没有http的支持，所以就不能再使用loadUrl 去加载你的本地页面，这时候就要换成loadFile 

if (app.isPackaged) {recordsWindow.loadFile(`${path.join(__dirname, '../../dist/index.html')}`, {hash: '/chat-records'})// recordsWindow.webContents.openDevTools()} else {recordsWindow.loadURL('http://localhost:5173/chat-records')//loginWindow.loadURL('http://127.0.0.1:5173/login.html')//recordsWindow.webContents.openDevTools()}

这样就能加载到你的Hash地址了👇