Firebase хостинг не показывает приложение?

Я новичок в Firebase, и я пытаюсь развернуть свое приложение для FireBase. Я выполнил все шаги. Но по какой-то причине не появляется мое приложение. Я получаю приветственный мод вместо моего веб-приложения. Вот изображения: enter image description here

enter image description here

Ответ 1

Это потому, что index.html изменил сам себя, когда вы выбрали "Y" при инициализации firebase. Он в основном заменил ваш собственный индексный файл на этот. Проверьте и замените индексный файл и в следующий раз, не перезаписывайте файл index.html. Это сработает.

Ответ 2

Firebase хостинг не показывает приложение?

Могут быть две причины для этой проблемы

1-й шаг:

Убедитесь, что ваша общая папка (определение в вашем firebase.json) 'dist', содержащая index.html, не была изменена командой init firebase, если да, замените ее исходным проектом index.html

для справки (dist является стандартным, но ваш может отличаться)

{
  "hosting": {
    "public": "dist"    
  }
}

Второй шаг:

Обязательно настройте базовый href в проекте index.html

как

< base href="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/">

и другие файлы пакетов как

< script type="text/javascript" src="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/runtime.a66f828dca56eeb90e02.js"></script>

< script type="text/javascript" src="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/polyfills.14fc14f3e029a8cfd046.js"></script>

< script type="text/javascript" src="https://["YOUR FIREBASE PROJECT NAME"].firebaseapp.com/main.2eb2046276073df361f7.js"></script>

3-й шаг запускает команду firebase deploy

наслаждаться ! ;)

Ответ 3

Я столкнулся с той же проблемой. В моем случае проблема не была с пожарной базой. Решение проблемы - очистка кеша.

Ответ 4

после команды firebase init перейдите в папку public или dist и выберите все файлы (не папки), кроме файлов, связанных с firebase, и скопируйте в папку dist или public. После этого выполните команду firebase deploy и подождите некоторое время. После окончания перейдите по указанному URL, там вы найдете свое рабочее приложение.

Ответ 5

Когда вы запускаете firebase, init Firebase создает файловую структуру в папке вашего проекта и, в зависимости от сделанного вами выбора, создает /public папку (или другое имя, если вы ее указали) для ваших публичных файлов. В этой папке /public также создается файл index.html, содержащий приветствие, которое вы видите. Вам нужно взять файлы вашего приложения (веб-страницы и т.д.) И переместить их в эту общую папку и заменить вместе с ними этот файл index.html. После этого запустите команду "firebase deploy", и она обновится, и вы должны увидеть свое приложение.

Ответ 6

Если вы видите, что на этом скриншоте, есть другой файл index.html сгенерированный Firebase, и он указывает на этот файл вместо вашего. Вот как это исправить:

  1. Удалите созданный Firebase index.html и оставьте свой собственный.
  2. Повторное развертывание с использованием firebase deploy

Ответ 7

Для меня проблема была в том, что я дал абсолютный путь к местоположению моего приложения, firebase init кажется, firebase init только относительный путь.

Ответ 8

Для развертывания выполните следующие действия:

ШАГ 1:

ng build --prod

ШАГ 2:

firebase init

    *Are you ready to proceed?* Yes

    *What do you want to use as your public directory?* dist/{your-application-name}

    *Configure as a single-page app (rewrite all urls to /index.html)?(y/N)* Yes

    *File dist/{your-application-name}/index.html already exists. Overwrite?(y/N)* No

ШАГ 3:

firebase deploy --only hosting

И если вы по-прежнему получаете ту же страницу, просто нажмите "CTRL + F5", чтобы очистить кэш.

Ответ 9

Начиная с Angular v6 CLI, проекты облегчают создание нескольких приложений с общими кодовыми базами. Отсюда новая папка в dist.

Цитируя dotGitignore ответ:

Я обнаружил, что ng build --prod создаст dist и другой подпапка под этим, где местоположение проекта.

Проверьте остальную часть этого ответа здесь fooobar.com/questions/14284948/...

Ответ 10

Здесь я нашел ответ на вопрос

Шаг 1:

Сначала инициализируйте firebase.
$firebase init


Шаг 2:

Создайте производственную сборку сейчас.
$ng build --prod


Шаг 3

Пришло время развернуть ваше приложение.
$firebase deploy