Node.js 将ReactJS添加到没有npm启动的项目中

有一个现成的项目。后端在Yii2上，前端写在其中。请告诉我如何将ReactJS上的一部分首页添加到完成的页面中，这样，例如，在OpenServer中，当您启动站点（我的项目）时，ReactJS就可以正确显示（无需在控制台中使用npm）。

---

换句话说，如何将ReactJS连接到项目？

在一分钟内添加React 在本节中，我们将展示如何向现有HTML页面添加React组件。你可以跟随你自己的网站，或者创建一个空的HTML文件来练习

将没有复杂的工具或安装要求-要完成本节，您只需要一个internet连接和一分钟的时间

步骤1：将DOM容器添加到HTML 首先，打开要编辑的HTML页面。添加一个空标记，以标记要使用React显示内容的位置。例如：

<!-- ... existing HTML ... -->

<div id="like_button_container"></div>

<!-- ... existing HTML ... -->

步骤2：添加脚本标记 接下来，在结束标记之前向HTML页面添加三个标记：

 <!-- ... other HTML ... -->

  <!-- Load React. -->
  <!-- Note: when deploying, replace "development.js" with "production.min.js". -->
  <script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
  <script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>

  <!-- Load our React component. -->
  <script src="like_button.js"></script>

</body>

---

您可以使用

npm运行构建

---

然后，您可以从中链接index.html

只需构建您的项目并在后端使用它欢迎使用SO。请看一看并更准确地说。我这样做了，但react仍然没有显示在index.html上。问题是，在index.html中，脚本的src以/，但需要以/，因此当您打开它index.html时，页面是空的。