electron-builder打包exe后白屏的解決方法

更新時間：2024年01月02日 10:36:00 作者：靚仔建

這篇文章主要給大家介紹了electron-builder打包exe后白屏的解決方法,文中有相關(guān)的代碼示例供大家參考,具有一定的參考價值,需要的朋友可以參考下

項目用的是An Electron application with Vue3 and TypeScript。

Debug運行項目沒問題，可以顯示頁面。不過有瀏覽器控制臺顯示錯誤：

Unable to load preload script：preload/index.js

Unable to load preload script 翻譯后：無法加載預(yù)加載腳本。

猜測指向的加載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后白屏的解決方法的詳細內(nèi)容，更多關(guān)于electron-builder打包exe白屏的資料請關(guān)注腳本之家其它相關(guān)文章！

您可能感興趣的文章:

相關(guān)文章

深入探討前端性能優(yōu)化的核心策略和實戰(zhàn)技巧指南
性能優(yōu)化是前端開發(fā)中至關(guān)重要的一環(huán),優(yōu)秀的性能不僅提升用戶體驗,還能提高轉(zhuǎn)化率、降低跳出率,并改善 SEO 排名,本文將深入探討前端性能優(yōu)化的核心策略和實戰(zhàn)技巧,希望對大家有所幫助
2026-04-04
javascript實現(xiàn)點擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法
這篇文章主要介紹了javascript實現(xiàn)點擊單選按鈕鏈接轉(zhuǎn)向?qū)?yīng)網(wǎng)址的方法,涉及javascript鼠標事件及頁面跳轉(zhuǎn)的相關(guān)技巧,簡單實用,具有一定參考借鑒價值,需要的朋友可以參考下
2015-08-08
JavaScript判斷數(shù)組成員的幾種方法
這篇文章主要介紹了JavaScript判斷數(shù)組成員的幾種方法,文章圍繞主題展開詳細的內(nèi)容介紹，具有一定的參考價值，需要的朋友可以參考一下
2022-08-08
switchery按鈕的使用方法
下面小編就為大家分享一篇switchery按鈕的使用方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2017-12-12
JavaScript統(tǒng)計數(shù)組中相同的數(shù)量的方法總結(jié)
在JavaScript中，我們經(jīng)常需要對數(shù)組中對象的屬性進行統(tǒng)計。在本文中，我們將介紹如何使用JavaScript來實現(xiàn)這一功能，文中有詳細的代碼示例，需要的朋友可以借鑒參考
2023-05-05
xmlplus組件設(shè)計系列之樹（Tree）（9）
xmlplus 是一個JavaScript框架，用于快速開發(fā)前后端項目。這篇文章主要介紹了xmlplus組件設(shè)計系列之tree，具有一定的參考價值，感興趣的小伙伴們可以參考一下
2017-05-05
electron-builder打包與發(fā)布Electron應(yīng)用
使用electron-builder基于electron-vite-vue實現(xiàn)多平臺打包、自動更新配置及構(gòu)建流程,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2025-05-05
微信小程序之自定義組件的實現(xiàn)代碼（附源碼）
最近在項目開發(fā)中，遇到好多雷同的頁面樣式，就想著可以將常用的功能模塊封裝成組件，方便在項目中使用和修改。這篇文章主要介紹了微信小程序之自定義組件的實現(xiàn)代碼（附源碼）,需要的朋友可以參考下
2018-08-08
基于JavaScript中標識符的命名規(guī)則介紹
下面小編就為大家分享一篇基于JavaScript中標識符的命名規(guī)則介紹，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
2018-01-01
artDialog+plupload實現(xiàn)多文件上傳
這篇文章主要介紹了artDialog+plupload實現(xiàn)多文件上傳的相關(guān)資料,非常不錯，具有參考借鑒價值，需要的朋友可以參考下
2016-07-07