本文解决electron-builder打包后的exe白屏问题。Debug正常但打包后报错Unable to load preload script，指向路径错误。通过修改electron-vite配置，利用__dirname定位到打包后的out目录加载renderer/index.html，修复了预加载脚本无法加载导致的白屏现象。
electron-builder打包白屏问题排查
项目基于Electron应用，采用Vue3与TypeScript技术栈。
Debug模式下运行项目正常，页面可以正常显示。但在浏览器控制台中出现错误提示：
控制台报错内容为：Unable to load preload script：preload/index.js。
该错误信息翻译为：无法加载预加载脚本。
修正preload脚本加载路径
推测原因是加载index.js的路径配置存在问题。最终调整输出文件路径，指向out目录。
__dirname表示程序exe文件运行的实际路径。
// HMR for renderer base on electron-vite cli.
// Load the remote URL for development or the local html file for production.
if (is.dev && process.env['ELECTRON_RENDERER_URL']) {
console.log("__dirname=====>"+__dirname);
mainWindow!.webContents.openDevTools();
mainWindow.loadURL(process.env['ELECTRON_RENDERER_URL'])
} else {
//mainWindow.loadFile(join(__dirname, '/renderer/index.html'))
mainWindow.loadFile(join(__dirname,'../../out/renderer/index.html'));
}以上即为electron-builder打包exe后白屏的解决方法的详细内容，更多关于electron-builder打包exe白屏的资料请关注本站其它相关文章！