Reactjs 如何正确运行electron react应用程序？

我有一个electron应用程序，UI是使用react.js创建的

为了让我的应用程序工作，我必须在终端窗口中运行electron shell，在另一个选项卡中，我运行发出一些js代码的webpack dev服务器

这是为了让我的应用程序正常运行所需的完整设置

我希望能够运行单个命令并启动整个应用程序。这是如何实现的

我尝试了以下方法：

我在我的package.json中包含了“并发”：“^4.1.2”，并将脚本部分改写为：

"scripts": {
    "start": "npm-run-all --parallel start:dev electron",
    "start:dev": "webpack-dev-server",
    "electron": "electron ."
  }

现在，如果我运行

npm start

，它可以工作，但需要重新加载应用程序

同时，我需要使用

npm run start

启动应用程序，然后点击command+R/Ctrl+R在应用程序窗口上获取react内容

---

预期的行为是在启动时查看内容。如何实现这一点？

实际上问题出在

start

cmd上，因为它在

start:dev

完成之前执行

electron

，因此electron应用程序在webpack dev server编译react应用程序之前启动

首先，您可以执行

start:dev

cmd，等到webpack dev server完成后再编译react应用，然后执行

electron

cmd

你可以使用这个命令

 "start": "concurrently \"npm run start:dev\" \"wait-on http://localhost:4172  && npm run electron\"",

在这里，您需要同时添加

等待

和

作为开发依赖项