javascript - 包含在现有网站上时创建 React App 空白页

Question

我在本地使用 XAMPP 来托管现有的 CMS，我想通过使用 include 将我的 React 应用程序包含在 CMS 中(这适用于包含静态 HTML 和其他 PHP 页面)。它将包含在的 CMS 管理页面将如下所示:http://localhost/website/administrator/

我需要将我的 create-react-app 放在这样的文件夹中，以便内置的 CMS 脚本将包含它:website\subfolder1\subfolder2\subfolder3\subfolder4\default

目前，我在尝试添加我的应用程序时遇到了一个空白页面。如果我删除嵌入的，我可以看到正在输出标记，就像在具有根类名称的空 div 中一样。

我已经尝试在我的 package.json 中设置一个“主页”属性和各种组合，例如“.”，并且还编辑了 site_start list ，但不幸的是，我似乎无法让它呈现。谁能指出我正确的方向？

Answer 1

以下是您可以尝试正确构建 bundle 的一些步骤，因为您需要通过弹出来覆盖 create-react-app 的默认行为。

1. 备份您的 create-react-app
2. 弹出，这样你就可以配置 webpack n

npm run eject

1. 进入 webpack 配置，查看脚本部分

2. 您可以更改构建脚本，例如启动和构建

3. 问题似乎在于构建 js 和 css 文件的位置。您可以通过编辑配置更改它们在 webpack 中的输出位置。

查看链接:https://webpack.js.org/configuration

您可以尝试将输出部分的路径更改为您的 cms html 试图找到包的位置。