Пустая страница развертывания приложения angular 8 в firebase - PullRequest
1 голос
/ 03 мая 2020

Я не понимаю, почему мое angular веб-приложение прекрасно работает на локальном компьютере, но когда я разверну его на хостинге Firebase, оно показывает только пустую страницу. В моей папке root приложения в консоли я пишу:

ng build --prod

И он создает ковер с именем dist, а внутри dist другой файл myproject со всеми файлами в нем

Теперь в терминале я выполняю

firebase init

Затем я выбираю Хостинг и База данных , а затем мой проект в firebase, а затем он спрашивает меня какой файл правил базы данных я хочу использовать я разрешаю default , а затем Что я хочу использовать в качестве publi c directory , и я пишу dist / myproject b c файлы находятся в папке myproject внутри dist, как я уже говорил ранее.

Затем, как это приложение angular, когда он спрашивает меня Вы хотите настроить как одностраничное приложение я говорю да (я попытался, но нет, и оно тоже не работает).

Наконец, когда оно спрашивает , хотите ли вы перезаписать index. html я говорю нет и все заканчивается.

База огня. json выглядит так:

{
"hosting": {
    "public": "dist/myproject",
    "ignore": [
      "firebase.json",
      "**/.*",
      "**/node_modules/**"
    ],
    "rewrites": [
      {
        "source": "**",
        "destination": "/index.html"
      }
    ]
  }
}

Наконец я делаю

firebase deploy

И, что бы я ни говорил, оно «успешно» развертывает мое приложение, но когда я вхожу, это всего лишь белая страница. Я не знаю, что это может быть, кто-нибудь может мне помочь?

Ура!

1 Ответ

0 голосов
/ 03 мая 2020

Я разместил несколько Angular SPA на Firebase Hosting, и вам просто нужно сделать так называемую «опережающую» компиляцию, чтобы она заработала. Но сначала проверьте:

  1. Есть ли какие-либо сообщения об ошибках в консоли вашего браузера?
  2. Когда вы просматриваете источник страницы, он пустой или индекс вашего приложения. html там?

Если вы ответили «Нет» и «Да», попробуйте скомпилировать с помощью AOT и повторно развернуть: ng build --prod --aot

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...