Развертывание Firebase отображает экран приветствия без содержимого приложения

После запуска: firebase init будет задано несколько вопросов и ответ (выделен полужирным шрифтом) следующим образом:

1. Вы готовы продолжить? : Да
2. Какие функции Firebase CLI вы хотите настроить для этой папки? Нажмите пробел, чтобы выбрать функции, затем нажмите Enter, чтобы подтвердить свой выбор. : Хостинг: настройка и развертывание сайтов Firebase Hosting

=== Настройка проекта

3. Выберите проект Firebase по умолчанию для этого каталога: Имя вашего проекта Firebase

=== Настройка хостинга

4. Что вы хотите использовать в качестве общего каталога? расстояние
5. Настроить как одностраничное приложение (переписать все URL-адреса в /index.html)? Нет
6. Файл dist/404.html уже существует. Переписать? Нет
7. Файл dist/index.html уже существует. Переписать? Нет

-----Инициализация Firebase завершена!-----

Теперь перезапустите приложение, используя: ng build (шаг Imp)

----Развертывать----

развертывание firebase

Репо, которое я клонировал, не помещало файл index.html в каталог /dist. Экран приветствия — это index.html по умолчанию, который создает firebase.

У меня была эта проблема, потому что я запустил сборку, а затем firebase init, что привело к перезаписи файла /build/index.html.

После того, как вы init проект firebase просто перезапустите сборку, а затем разверните.

нет проблем, если вы запустили сборку, а затем выполнили инициализацию firebase.

После развертывания, если вы видите экран приветствия. Прежде чем что-либо делать, просто подождите некоторое время и обновите страницу. это сработало для меня

Не забудьте пересобрать приложение перед firebase deploy. Ваша папка dist должна иметь то же имя папки, которое вы указали в качестве общедоступной папки во время firebase init.

У меня была такая же проблема с моим развернутым реагирующим приложением с использованием Firebase, чтобы решить эту проблему, как было предложено выше в первых ответах, перестроить ваше приложение после успешного запуска firebase init и перед запуском команды firebase deploy. Затем разверните свое приложение.

Если это первый раз, вы увидите экран приветствия с документацией по хостингу. Затем подождите несколько минут от 15 до 20 минут, затем откройте URL-адрес приложения. Он работает

Обновите файл firebase.json

 "hosting": {
    "public": "dist/your-app-name"

например: имя моего приложения — DataView, и оно выглядит так: файл конфигурации firebase:

 "hosting": {
    "public": "dist/DataView",

Проекты Angular не создаются непосредственно внутри /dist. Обычно они строятся как /dist/your-project-name

Поэтому, когда вы firebase init и вас просят What do you want to use as your public directory? предоставить /dist/your-project-name вместо просто /dist

И если в папке /dist/your-project-name действительно есть ваш проект, то он обязательно спросит у вас File dist/your-project-name/index.html already exists. Overwrite?, вы говорите no

Если он не спрашивал вас о перезаписи, это означает, что адрес public, который вы указали выше, либо неверен, либо, возможно, вы еще не создали свой проект с помощью команды ng build.

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

Я исправил эту ошибку экрана приветствия, следуя этой статье. Вы можете решить эту проблему, удалив все материалы, созданные firebase после инициализации firebase и развертывания приложения, а затем снова инициализировав и развернув приложение! Но будьте осторожны при удалении любого файла в вашем приложении, так как вы можете потерять какой-то важный код, который нельзя будет восстановить. Поэтому, пожалуйста, следуйте инструкциям, указанным в данной статье, чтобы быстро решить вашу проблему и узнать, какие файлы и папки нужно удалить и как их восстановить. Удачного кодирования!!

Просто обновите страницу. Если вы правильно развернули свой проект. Это просто вопрос обновления, который покажет ваш контент. ????