Мой сайт не показывает после развертывания в firebase, как решить эту проблему

Question

Я завершил весь процесс

1. Firebase Login
2. Firebase init
3. развертывание Firebase

Теперь, наконец, я получил ссылку https://testing -37553.firebaseapp.com / но мой сайт не показывает, так что я должен делать.

Answer 1

Для Angular 7+, вот прямое решение, которое работает для меня с августа-2019 Просто удалите файл index.html в корне вашей папки /dist. Затем скопируйте весь контент внутри directory(named like your project main project folder's name), найденного в папке /dist

Наконец, повторите firebase deploy

Понравилась!

Answer 2

Я сталкивался с подобной проблемой, мое приложение было наладилось с помощью приложения «Реагировать». Я пытался выполнить развертывание через firebase, но, получив страницу по умолчанию для firebase, я понял, что не собираю приложение, поэтому firebase не смог найти html-файл приложения и, следовательно, пытался развернуть файл по умолчанию.

Я решил это, запустив сборку пряжи, а затем, когда я сделал firebase init, выбрал опцию «хостинг». После этого шага, выбирая папку для развертывания, довольно публичную, я выбрал «build», и это решило мою проблему, и мое приложение было размещено. Надеюсь, это поможет !!

Answer 3

Перейдите к файлу firebase.json и убедитесь, что для «открытого» ключа в разделе «хостинг» установлено значение «build», как показано ниже:

"hosting": {
    "public": "build"
}

Вероятно, по умолчанию оно было установлено в "public", когда вы запускали firebase init. В этом случае это будет выглядеть так:

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

Проблема с настройками по умолчанию заключается в том, что React помещает все ваши статические ресурсы в каталог 'build' при запуске npm run build, поэтому вам нужно указать firebase.

Answer 4

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

Вы должны адаптировать эту index.html страницу по своему желанию (то есть путем изменения кода HTML / CSS / JS этой страницы в локальном каталоге проекта) и повторно развернуть проект с помощью

firebase deploy

или

firebase deploy --only hosting