Я новичок в Firebase, и я пытаюсь развернуть свое приложение для FireBase. Я выполнил все шаги. Но по какой-то причине не появляется мое приложение. Я получаю приветственный мод вместо моего веб-приложения. Вот изображения:
Firebase хостинг не показывает приложение?
Ответ 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, и он указывает на этот файл вместо вашего. Вот как это исправить:
- Удалите созданный Firebase
index.html
и оставьте свой собственный. - Повторное развертывание с использованием
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