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白屏的资料请关注本站其它相关文章!

作者最新文章