使用create-react-app构建后出现空白页面

Question

我有一个问题。当我使用npm run build && serve-s build构建我的React项目时，项目构建运行了一个空白页面。 我在谷歌上搜索了这个问题，社区通过在package.json中使用"homepage": "."来解决它，然后我尝试设置这个标志，但是仍然无效。我还尝试使用"homepage": "mysite.com/site/app/build"(这是我的项目路径)。而且我的package.json包含了"homepage": "."。 我正在使用react-router-dom进行路由管理，并尝试将BrowserRouter更改为HashRouter并将basename="/"添加到BrowserRouter中，但仍无法解决问题。 有人能帮帮我吗？

- NegriHenrique

Answer 1

我通过两个步骤解决了这个问题：

1. 在我的 package.json 文件中，我包含了 "homepage": "."。

2. 在我的 src/index.js 文件中，我导入 BrowserRouter 时移除了 exact 属性:

   改动前: <Route exact={true} path="/" component={App} />

   改动后: <Route path="/" component={App} />

这对我有效！

- Rafael Fronteira

Answer 2

首页不是项目的路径。它是您网站的主页，或者您可以说是可见的地址，因此您的首页应该是类似于-

homepage: "https://yourdomain.com"

请提供更多细节以便我们帮助。

- Shivansh Sharma