Electron应用程序无法启动

Question

我正在使用 angular 版本 6.1.0 和 electron 2.0 进行开发。在浏览器中运行应用程序时一切正常，但在运行 npm run electron-build 后，应用程序无法启动，因此没有浏览器窗口显示。

以下是 package.json 文件内容：

{
    "name": "front",
    "version": "0.0.0",
    "main": "main.js",
    "scripts": {
        "ng": "ng",
        "start": "ng serve",
        "build": "ng build",
        "test": "ng test",
        "lint": "ng lint",
        "e2e": "ng e2e",
        "electron": "electron .",
        "electron-build":"ng build --prod"
    }
    ...
}

这里是main.js文件:

const {app, BrowserWindow} = require('electron');

let win;
function createWindow (){
    win = new BrowserWindow({
        height: 600,
        width:600,
        backgroundColor:'#ffffff'
    })
    win.loadURL(`file://${__dirname}/dist/index.html`)
    win.on('closed',function(){
        win=null;
    })
}

app.on('ready',createWindow())

app.on('windows-all-closed',()=>{
    if(process.platform!=='darwin'){
        app.quit();
    }
})
app.on('activate',function(){
    if(win==null){
        createWindow()
    }
})

- yaxx

---

你能指明你在哪个平台上运行它吗？另一件事是，你需要 url 包，但它似乎不在你的 package.json 中。 - Joshua

我正在Win10上运行该应用程序，至于URL，正如您所看到的，我实际上并没有使用它，我应该将其删除或注释掉。 - yaxx

它运行了！感谢@KirkLarkin，你刚刚帮助我解决了一个持续48小时的bug。 - yaxx

Answer 1

这是因为在应用程序加载时，您正在调用createWindow函数，因为在ready事件中，它认为应立即调用createWindow函数，因为在末尾有两个括号。

要修复它，只需去掉括号，使其变为：

app.on('ready',createWindow)

感谢 @KirkLarkin 发现了这个bug。

- Joshua