Развернуло мое приложение реакции на github, но домашняя страница пуста

Question

После того, как я развернул свое приложение реакции на Github, и оно работает. Тем не менее, он показывает только навигацию. Не уверен, как объяснить, пожалуйста, проверьте это pi c: Домашняя страница

После того, как я нажму на навигацию, все работает нормально. Здесь - развернутая страница Github. Вот страница Github .

Answer 1

Используйте process.env.PUBLIC_URL в маршрутизации root. BrowserRouter поставляется с реквизитом, называемым basename, который позволяет вам определить базовый URL для проекта. Это было бы так.

В вашем приложении. js, <Route exact path={process.env.PUBLIC_URL + '/'} component={Home} /> замените на:

<BrowserRouter history={history} basename= . {process.env.PUBLIC_URL}>
    <Switch>
      <Route exact path="/" component={Home} />
      <Route path="/about" component={About} />
    </Switch>
   </BrowserRouter>

Answer 2

Проверьте целевой URL по умолчанию и, если используется <Route />, проверьте, отображается ли какой-либо компонент для этого конкретного пути. Этот путь будет точным совпадением, поэтому проверьте наличие следа '/' et c.

Ваш целевой URL-адрес https://rongbangye.github.io/mini-react.js-projects/, но для этого пути не может быть найдено ни одного компонента. .

Кроме того, перезагрузка на вашем сайте дает 404, по которым вам, возможно, придется поискать конфигурацию веб-пакета (если она используется). Может помочь изменение publicPath webpack.

output: {
    path: path.join(__dirname, 'build'),
    publicPath: '/',
    ...
}