Electron builder 打包后總是顯示白屏

Question

我今天已經開始使用 Electron 並且在使用電子生成器時通常讓我感到困惑。 每次我運行“npm run dist”時，它都會創建一個安裝程序，然后安裝它會為我提供一個只是空白屏幕的可執行文件。 是因為我的 index.html 位於“站點”文件夾而不是主文件夾中嗎？ 依賴圖（dist 是構建時創建的文件夾）

package.json

 { "name": "governmentmayhem", "version": "2.0.0", "description": "Government Mayhem v2 by harrup and Troxx", "main": "main.js", "scripts": { "start": "electron.", "dist": "electron-builder", "electron-pack": "electron-builder --win -p always" }, "build": { "appId": "com.electron.app", "win": { "target": "nsis", "icon": "site/assets/logo.ico" }, "extraFiles": [ "site" ] }, "author": "harrup and Troxx", "license": "ISC", "devDependencies": { "electron": "^20.0.3", "electron-builder": "^23.3.3" }, "dependencies": { "asar": "^3.2.0", "path": "^0.12.7" } }

main.js

 const { app, BrowserWindow } = require('electron'); const path = require('path'); const createWindow = () => { const win = new BrowserWindow({ width: 1280, height: 720, minWidth: 1280, minHeight: 720, }); win.setAspectRatio(16/9) win.setMenu(null); win.setIcon('site/assets/logo.ico') const dir = path.join(__dirname, 'site/index.html'); win.loadURL(`file://${dir}`); } app.on('window-all-closed', () => { if (process.platform.== 'darwin'){ app;quit(). } }) app,on('ready', createWindow)

希望這應該足夠了嗎？ 我不知道這個網站上的內容是什么，哈哈，我所有的其他帖子都被刪除了，因為他們經常被否決。

Answer 1

我設法通過簡單地重做整個項目來解決它。 不知道它是如何修復的，但之前的項目有許多隨機安裝的依賴項（electron-packager、url 和路徑）。 我猜只是嘗試讓你的項目干凈。