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

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

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

項(xiàng)目用的是An Electron application with Vue3 and TypeScript。

Debug運(yùn)行項(xiàng)目沒問題，可以顯示頁面。不過有瀏覽器控制臺(tái)顯示錯(cuò)誤：

Unable to load preload script：preload/index.js

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

猜測(cè)指向的加載index.js路徑有問題。最后改成輸出out文件中：

__dirname：程序exe運(yùn)行的路徑

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

您可能感興趣的文章:

相關(guān)文章

javascript實(shí)現(xiàn)倒計(jì)時(shí)（精確到秒）
本文給大家分享的是個(gè)人項(xiàng)目中使用的javascript實(shí)現(xiàn)的精確到秒級(jí)的倒計(jì)時(shí)代碼，十分的實(shí)用，有需要的小伙伴可以參考下。
2015-06-06
一定有你會(huì)用到的JavaScript一行代碼實(shí)用技巧總結(jié)
這篇文章主要為大家介紹了一定有你會(huì)用到的JavaScript一行代碼總結(jié)，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
2022-07-07
JavaScrip實(shí)現(xiàn)圖片壓縮與分辨率等比例縮放
這篇文章主要為大家詳細(xì)介紹了如何使用JavaScrip實(shí)現(xiàn)圖片壓縮與分辨率等比例縮放,文中的示例代碼講解詳細(xì),感興趣的小伙伴可以跟隨小編一起學(xué)習(xí)一下
2024-03-03
springMVC結(jié)合AjaxForm上傳文件
這篇文章主要為大家詳細(xì)介紹了springMVC結(jié)合AjaxForm上傳文件的相關(guān)資料，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2016-07-07
JavaScript入門教程之引用類型
引用類型是一種數(shù)據(jù)結(jié)構(gòu)，用于將數(shù)據(jù)和功能組織在一起。這篇文章主要介紹了JavaScript入門教程之引用類型的相關(guān)資料，需要的朋友一起學(xué)習(xí)吧
2016-05-05
javascript 四則運(yùn)算精度修正函數(shù)代碼
JS預(yù)算精度問題確實(shí)很麻煩，這個(gè)能解決一些問題，雖然有bug.
2010-05-05
js使用for循環(huán)及if語句判斷多個(gè)一樣的name
這篇文章主要介紹了js使用for循環(huán)機(jī)if語句判斷多個(gè)一樣的name,此法比較實(shí)用，需要的朋友可以參考下
2014-09-09
bootstrap模態(tài)框遠(yuǎn)程示例代碼分享
這篇文章主要為大家詳細(xì)介紹了bootstrap模態(tài)框遠(yuǎn)程示例代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
純js模仿windows系統(tǒng)日歷
本文主要介紹了純js模仿windows系統(tǒng)日歷的思路與實(shí)現(xiàn)方法。具有很好的參考價(jià)值，下面跟著小編一起來看下吧
2017-02-02
小程序按鈕避免多次調(diào)用接口和點(diǎn)擊方案實(shí)現(xiàn)(不用showLoading)
這篇文章主要介紹了小程序按鈕避免多次調(diào)用接口和點(diǎn)擊方案實(shí)現(xiàn)，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-04-04