Развертывание Firebase отображает пустую страницу для приложения react

#reactjs #typescript #firebase #firebase-hosting #firebase-cli

#reactjs #typescript #firebase #firebase-хостинг #firebase-cli

Вопрос:

Я закончил создание приложения react с использованием typescript, и ниже показано, что я сделал для развертывания приложения в firebase

  1. yarn build

  2. firebase init

  3. firebase deploy

Теперь я указал общую папку в свою папку сборки, как показано ниже

 "hosting": {
    "public": "build",
    "ignore": [
  

Я использую typescript в приложении react

Тем не менее, всякий раз, когда оно развертывается, я всегда получаю пустую страницу.

Что я делаю не так?

Комментарии:

1. Откройте консоль разработчика браузера и обновите страницу, какие ошибки вы получаете?

2. сначала попробуйте создать и обслуживать в вашей локальной среде. Если проблема возникает, вы можете начать с этого, чтобы исследовать основную причину. Как сказал @IMujagic, проверьте консоль браузера и какую ошибку вы получили?

3. Здесь недостаточно информации, чтобы сказать, что происходит не так. Мы не знаем, что на самом деле находится в вашей общей папке, и поэтому мы не можем видеть содержимое, которое вы развернули. Возможно, вы захотите действовать немного медленнее и узнать, как работает Firebase Hosting без react, а затем добавить react в свой проект, когда сможете заставить работать базовый статический контент.

Ответ №1:

БОЖЕ! Мне так жаль, ребята..Это была моя ошибка.Развертывание работает безупречно, это была ошибка с моей стороны.

Я использую react router и забыл настроить маршрут по умолчанию перед развертыванием, поэтому я получал пустую страницу.

Я настроил маршрут по умолчанию, и все работает так, как ожидалось.

Спасибо всем за ваш вклад.