Electron 中的 Angular + Express.js 应用程序无法启动答案

【问题标题】：Angular + Express.js app in Electron doesn't startsElectron 中的 Angular + Express.js 应用程序无法启动
【发布时间】：2018-12-11 09:57:33
【问题描述】：

我已成功构建 MEAN App。现在我希望该应用程序在电子内部运行。以下命令在网络浏览器上运行

"electron-build": "ng build && node ./bin/www"

但是当我尝试这段代码时

"electron-build": "ng build && electron . && node ./bin/www"

构建成功，应用程序在电子中运行，但服务器没有运行，当我从 GUI 退出电子应用程序时，我在控制台中获得了成功的连接日志。

现在当我尝试这段代码时

"electron-build": "ng build && node ./bin/www && electron ."

服务器启动成功，但电子应用程序没有渲染。

【问题讨论】：

你找到解决办法了吗？
@Chetan 是的。该解决方案需要使用此包github.com/maximegris/angular-electron 并检查有关 express.js 集成的此问题github.com/maximegris/angular-electron/issues/226

标签： node.js angular typescript express electron

【解决方案1】：

问题是两个进程（节点 ./bin/www 和 electron.）不能在同一个线程中执行。

你可以这样做

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

const path = require('path');

function createWindow () {
    win2 = new BrowserWindow({ width: 800, height: 600 })

    win2.loadURL(
    path.join('file://', __dirname, '/index.html')
    );    
}

app.on('ready', createWindow)

然后在 index.html 中添加带有 server.js 或 app.js 的标签（带有 node/express 代码的文件）。喜欢：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Simple Mouse Control - Server</title>

        <script src="server.js"></script>

    </head>
    <body>
        Hola
    </body>
</html>

最后：

"electron-build": "ng build && electron ."

【讨论】：