使用gh-pages部署的React App未加载

Question

我使用gh-pages部署了我的react应用程序，但没有显示任何内容。

Idk，如果原因是我正在使用顺风，所以它没有加载样式（但这没有任何意义，因为我正在index.js上导入css文件）

这是package.json的主页：

"homepage": "http://laurabeatris.github.io/react-new-features",

我在github上的仓库：https://github.com/LauraBeatris/react-new-features

Answer 1

您似乎没有在存储库中包含该应用程序的内部版本。可能是因为build/目录不是源代码，因此默认情况下会忽略git目录。

您可以通过从/build文件中删除.gitignore行来更改此设置。这可能会使您的提交有些奇怪，因为运行构建将显示为代码更改，但至少您的项目应以这种方式显示。

或者，您可以在创建构建后复制build/目录，然后将该文件夹重命名为不被忽略的目录，以便您可以更轻松地控制何时应将新的构建添加到源代码控制中。

Answer 2

如果您使用的是 react router dom，则必须将 github 页面存储库名称添加到您的路由中，并使用 basename 属性添加到 BrowserRouter 中，如下所示：

<BrowserRouter basename={'/react-new-features/'}>

Answer 3

如果您使用的是 React Router，那么 BrowserRouter 暂时不起作用。您可以改用 HashRouter。

// import { BrowserRouter as Router } from 'react-router-dom';
import { HashRouter as Router } from 'react-router-dom'