electron-builder打包exe后白屏的解决方法
作者:工具松鼠时间:2026-10-31 09:59:21浏览:172
本文解决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白屏的资料请关注本站其它相关文章!
作者最新文章
WebStorm内置JS代码格式化功能怎么用
2026-11-05 10:10:47
在线JS代码格式化与混淆压缩工具推荐及使用指南
2026-11-03 20:31:53
CodePen、JSFiddle与RunJS对比:哪款在线JavaScript编辑器更好用
2026-11-03 18:52:45
无需安装环境,5款主流JavaScript在线运行工具推荐
2026-11-03 18:23:26
JS怎么将地址栏查询字符串转换为JSON对象
2026-11-03 18:10:29
