развернуть приложение Angular в Firebase, но загружаются только один файл - PullRequest
Новая
       25

развернуть приложение Angular в Firebase, но загружаются только один файл

1 голос
/ 19 июня 2019

Я развертываю приложение Angular в Firebase, но загружаются только один файл. Я следую нескольким учебникам, включая Начало работы с Firebase Hosting

После развертывания перейдите на URL-адрес хостинга: https://book -search-api.firebaseapp.com все, что я вижу, это дополнительная настройка, например:

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

Вот мой вывод

L: \ NetProject \ BooksProject \ BooksProject \ ClientApp> firebase init 

 ######## #### ########  ######## ########     ###     ######  ########
 ##        ##  ##     ## ##       ##     ##  ##   ##  ##       ##
 ######    ##  ########  ######   ########  #########  ######  ######
 ##        ##  ##    ##  ##       ##     ## ##     ##       ## ##
 ##       #### ##     ## ######## ########  ##     ##  ######  ########

Вы собираетесь инициализировать проект Firebase в этом каталоге:

L: \ NetProject \ BooksProject \ BooksProject \ ClientApp

Прежде чем мы начнем, имейте в виду:

  • Вы инициализируете в существующем каталоге проекта Firebase

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

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

Сначала давайте свяжем этот каталог проекта с проектом Firebase. Вы можете создать несколько псевдонимов проекта, запустив firebase use --add, но сейчас мы просто настроим проект по умолчанию.

i .firebaserc уже имеет проект по умолчанию, использующий book-search-api.

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

Ваш публичный каталог - это папка (относительно вашего проекта каталог), который будет содержать ресурсы хостинга для загрузки с развернуть пожарную базу. Если у вас есть процесс сборки для ваших активов, используйте ваш выходной каталог сборки.

? Что вы хотите использовать в качестве публичного каталога? клиент-приложение? Настроить как одностраничное приложение (переписать все URL в /index.html)? да ? Файл client-app / index.html уже существует. Переписать? да + Написал client-app / index.html

i Запись информации о конфигурации в firebase.json ... i Запись проекта информация для .firebaserc ...

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

L: \ NetProject \ BooksProject \ BooksProject \ ClientApp> ng build --prod --aot

Дата: 2019-06-19T06: 54: 49.906Z Хэш: 0428c1e6725a31f1ae9c Время: 41224ms chunk {0} runtime-es5.741402d1d47331ce975c.js (время выполнения) 1,41 КБ [запись] [обработано] чанк {1} main-es5.1057831c3a881ebea921.js (основной) 517 кБ [начальный] [отрендеренный] кусок {2} polyfills-es5.405730e5ac8f727bd7d7.js (polyfills) 111 кБ [начальный] [rendered] chunk {3} styles.652a17618ef377c73983.css (стили) 200 кБ [начальный] [визуализированный]

Дата: 2019-06-19T06: 55: 19,884Z Хеш: c671e9fe8c3d67a7118d Время: 29918ms chunk {0} runtime-es2015.858f8dd898b75fe86926.js (время выполнения) 1,41 кБ [запись] [обработано] чанк {1} main-es2015.e5390b5408abc2d4f8dd.js (основное) 449 кБ [начальное] [выполнено] {2} polyfills-es2015.edf60e92366a5a261979.js (polyfills) 36,8 кБ [initial] [rendered] chunk {3} styles.652a17618ef377c73983.css (стили) 200 кБ [начальные] [визуализированные]

L: \ NetProject \ BooksProject \ BooksProject \ ClientApp> firebase deploy -m "отправить сообщение" - только хостинг

=== Развертывание в 'book-search-api' ...

Я развертываю хостинг. Я хостинг [book-search-api]: начало развертывания ... Хостинг [book-search-api]: в клиентском приложении найдено 1 файлов + хостинг [book-search-api]: загрузка файла завершена. i hosting [book-search-api]: завершение версии ... + хостинг [book-search-api]: версия завершена. i хостинг [book-search-api]: выпуск новой версии ... + хостинг [book-search-api]: релиз завершен

  • Развертывание завершено!

Консоль проекта: https://console.firebase.google.com/project/book-search-api/overview URL хостинга: https://book -search-api.firebaseapp.com

L: \ NetProject \ BooksProject \ BooksProject \ ClientApp>

ОБНОВЛЕНИЕ

После помощи @ShahidIslam я изменяю свой публичный атрибут firebase.json из"client-app" в "dist", затем я запускаю

firebase deploy -m "commit message" - только хостинг

Теперь он загружает файлы, я думаю, потому чтотам написано

=== Развертывание в 'book-search-api' ...

я разворачиваю хостинг я хостинг [book-search-api]: начало развертывания ... я хостинг [book-search-api]: найдено 10 файлов в dist + hosting [book-search-api]: загрузка файла завершена на хостинге [book-search-api]: финализируется версия ... + хостинг [book-search-api]:версия завершена. i хостинг [book-search-api]: выпуск новой версии ... + хостинг [book-search-api]: выпуск завершен

  • развертывание завершено!

Консоль проекта: https://console.firebase.google.com/project/book-search-api/overview URL-адрес хостинга: https://book -search-api.firebaseapp.com

Когда я сейчас перехожу на https://book -поиск-api.firebaseapp.com

там написано:

Страница не найдена Этот файл не существует, и в текущем каталоге не найдено index.html или 404.html в корневом каталоге.

Почему я это вижу?Возможно, вы развернули неправильный каталог для вашего приложения.Проверьте ваш firebase.json и убедитесь, что общедоступный каталог указывает на каталог, содержащий файл index.html.

Вы также можете добавить 404.html в корень вашего сайта, чтобы заменить эту страницуПользовательская страница ошибки.

Проект выглядит следующим образом:

enter image description here

1 Ответ

1 голос
/ 19 июня 2019

когда вы инициализируете firebase в первый раз, чем сначала проверяете папку dist.give расположение вашего скомпилированного кода (main.js, poly.json, style.js и т. Д.) Для firebase, когда firebase запрашивает публичный каталог, в вашем случае выдолжен был дать "dist / ClientApp"
Ваш скомпилированный код в ClientApp, который является дочерним каталогом папки dist, изменить firebase.json."Общественность": "р-н / ClientApp".firebase получить каталог скомпилированного кода из этого свойства (общедоступный), 

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

}

...