Реактивный веб-сайт не отображается после развертывания с помощью Firebase

Question

Пытаясь впервые развернуть на firebase, я посмотрел множество руководств по youtube, и stackoverflow сделал то же самое, что и они, но продолжал получать пустую страницу после развертывания приложения.

Это мой процесс:

- сборка пряжи

- вход в систему на базе огня

- инициализация на базе огня

Вот так я заполнил init:

1. Хостинг: настройка и развертывание сайтов хостинга Firebase

2. Что вы хотите использовать в качестве вашего publi c каталога? build

3. Настроить как одностраничное приложение (переписать все URL в /index.html)? Нет

4. Файл build / 404. html уже существует. Перезаписать? Нет

5. Файл build / index. html уже существует. Перезаписать? (да / нет) Нет

Я пробовал несколько способов, иногда я изменял некоторые из них на Да, все еще тот же результат

-firebase deploy

Вот так выглядят мои файлы:

Это код моего маршрутизатора:

const App = () => {
  return (
    <div>
      <Switch>
        <Route path="/" exact component={Home} />
        <Route path="/about" exact component={About} />
        <Route path="/brands" exact component={Brands} />
        <Route path="/guide" exact component={Guide} />
        <Route path="/contact" exact component={Contact} />

        <Route
          render={function() {
            return <p>Not found</p>;
          }}
        />
      </Switch>
    </div>
  );
};

У меня ошибка:

Обновление:

Теперь это экран:

Обновление:

Новая ошибка:

Answer 1

• Сначала вы npm строите или строите пряжу в зависимости от того, что вы используете.
• Затем войдите в Firebase.
• Затем firebase init - выберите хостинг, затем выберите build вместо publi c, который создается автоматически для вас.
• Затем вы выбираете да, а затем нет.
• И затем вы развертываете.

Answer 2

Я пытался развернуть на github, прежде чем делать это с помощью firebase, поэтому в пакете осталось поле "homepage:". json. все, что мне нужно было сделать, это удалить это поле, перестроить и заново развернуть, и все работает