【问题标题】：How to add React to an existing Electron app?如何将 React 添加到现有的 Electron 应用程序中？
【发布时间】：2020-03-28 19:19:11
【问题描述】：

如何将 React 添加到现有的 Electron 应用程序中？

我有一个 CLI Node.js 应用程序，我打算使用 ElectronJS 和 React 添加一个桌面 GUI。我现在已经成功地将原始 CLI 应用程序和 Electron 结合起来，因此当我运行 npm start 时，会弹出一个 Electron 驱动的窗口，并且旧应用程序开始执行它的操作。 是否有一种简单的方法可以将 React 添加到堆栈中，或者我是否需要在考虑这种新架构的情况下重新开始我的项目？

现在，当我转到项目的根目录并尝试 npx create-react-app 时，它拒绝初始化，因为那里已经有东西了。如果我为我的项目创建一个新的子目录，然后我将在其中初始化 React 应用程序，那么我将拥有 node_modules、package.json 等重复项和一个奇怪的分层结构，这可能不是推荐的方式它甚至可以工作......

【问题讨论】：

标签： reactjs electron

【解决方案1】：

创建一个子目录并在那里运行create-react-app。之后，只需将内容向上移动一个目录并删除空目录即可。

例子：

cp package.json package.json.backup
mkdir temp
cd temp
npx create-react-app test-app
mv test-app/* ..
cd ..
rm -fr temp

如果您使用的是 Windows，则可以在 Git Bash 中运行上述命令。

之后，您需要手动将来自 create-react-app 的 package.json 与旧的 package.json.backup 合并。

【讨论】：

这并没有回答如何向项目添加反应的问题，当然使用 create-react-app 不是唯一的选择。
有无数种方法可以做到这一点。没有理由一一列举。