Firebase Deploy завершена, но веб-сайт не отображается

Question

Я впервые использую Firebase. Я развернул свой угловой проект с помощью Firebase CLI, но при переходе к указанному домену я вижу только

желанный
Настройка Firebase Hosting завершена
Вы видите это, потому что вы успешно настроили Firebase Hosting.
Теперь пришло время создать что-то необычное!

Вот мой процесс развертывания:

firebase login
  ✔  Success! Logged in as [...]
firebase init
  select Hosting, select project, chose 'dist' as public dir
  ✔  Firebase initialization complete!
ng build --prod
firebase deploy
  ✔  Deploy complete!

Это сейчас более 60 минут назад, и я не могу понять, почему он не в сети. Разве 60 минут не достаточно для пожарной базы? Кто-нибудь может поделиться своим опытом или дать мне подсказку, в чем может быть причина, почему он не в сети?

заранее спасибо

Answer 1

Я решил это, выполнив следующие шаги:

1. Делать firebase init шаг за шагом, давая правильные данные.

   В течение firebase init когда он спросил What do you want to use as your public directory?public

   Как я дал public как ответ

   Убедитесь, что вы даете правильную ссылку.

2. бегать firebase deployеще раз. Он должен работать.

Удачного кодирования!!

Answer 2

Еще немного подробностей. Поскольку вы используете Angular, после того, как вы создадите свое приложение для производства, оно создает (обычно) папку / dist / ProjectName, в которую помещает ваши файлы. ПРИМЕЧАНИЕ: если вы хотите изменить это, обратитесь к опции --outputPath на https://angular.io/cli/build

Иногда (как новички) мы пропускаем нужную папку, когда ее спрашивают в команде firebase.init...

Не беспокойтесь, он записывает эти настройки в firebase.json, просто откройте его и найдите:

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

Теперь измените его на желаемый путь и готово;) Теперь вы можете повторить firebase.deploy, и все должно работать.

Надеюсь, это поможет

Answer 3

Решение для веб-разработчиков Flutter

В файле firebase.json укажите путь веб-сборки:"public": "build/web".

      hosting: {
  "public": "build/web",
  "ignore": [
    "firebase.json",
    "**/.*",
    "**/node_modules/**"
  ]
}

Answer 4

После запуска firebase init вы можете перестроить свое приложение, запустив ng build затем беги firebase deployчтобы развернуть приложение на firebse, он снова показывает экран приветствия, но подождите 10–20 минут, потому что сервер настраивает приложение и требуется некоторое время для запуска и запуска приложения, затем откройте приложение.

Answer 5

Вместо

 firebase deploy

использовать

 firebase deploy --only hosting

Answer 6

В моем случае мне нужно хотя бы один раз развернуть прямой канал (производство), чтобы «активировать» другие каналы предварительного просмотра. Я думаю, это потому, что нужна конфигурация Firebase.

Answer 7

{

      "hosting": {
"public": "dist",
"ignore": [
"firebase.json",
"**/.*",
"**/node_modules/**"]

}

ваш firebasejson может быть таким, как указано выше. Затем измените его, как показано ниже.

      {
“hosting”: {
“public”: “dist/your_app_name”,
“ignore”: [
“firebase.json”,
“**/.*”,
“**/node_modules/**”
],}

а затем попробуйте развернуть firebase

Answer 8

Если развертывание завершено, но страница не найдена, тогда

перейдите в папку dist, например: "cd dist" и разверните firebase

Это сработало для меня

Answer 9

У меня была аналогичная проблема с моей веб-страницей в Visual Studio. Эта ошибка вызывала у меня отсутствие файла с именем index.html. После переименования файла в index.html я снова запустил Deploy, и он работал.

Answer 10

У меня такая же проблема. Я понял, что у меня есть две позиции index.html в папке dist, как предложил @Tim Martens в комментарии к вопросу.

Затем в файле firebase.json я изменил:

"public": "dist/name-of-my-project",

... и это сработало!!