Невозможно разместить мое угловое приложение на firebase - PullRequest
Новая
       21

Невозможно разместить мое угловое приложение на firebase

0 голосов
/ 27 апреля 2018

Я пытаюсь развернуть свое приложение на firebase и выполнил все шаги, чтобы развернуть приложение на firebase, и все, что работает, как ожидалось, но, и в то время как я просматриваю свое приложение по URL-адресу firebase, его сообщение показывается ниже в браузере.

enter image description here

Невозможно найти, что идет не так при развертывании приложения.

Любой намек, как я могу решить эту проблему?

Ниже приведен мой журнал при его развертывании на базе Firebase: 

MYMAC-M-34RS:WeatherDemo user$ ng build --prod
Date: 2018-04-27T09:49:07.120Z                                                          
Hash: ab47fb71fe9008d24831
Time: 39656ms
chunk {0} polyfills.b6b2cd0d4c472ac3ac12.bundle.js (polyfills) 59.7 kB [initial] [rendered]
chunk {1} main.a17f9a5eb0ac9ec8e538.bundle.js (main) 523 kB [initial] [rendered]
chunk {2} styles.8680ebdddce4fbcb4153.bundle.css (styles) 229 kB [initial] [rendered]
chunk {3} inline.318b50c57b4eba3d437b.bundle.js (inline) 796 bytes [entry] [rendered]
MYMAC-M-34RS:WeatherDemo user$ firebase login
Already logged in as mygmailId@gmail.com
MYMAC-M-34RS:WeatherDemo user$ firebase init

 ???????? ???? ????????  ???????? ????????     ???     ??????  ????????
 ??        ??  ??     ?? ??       ??     ??  ??   ??  ??       ??
 ??????    ??  ????????  ??????   ????????  ?????????  ??????  ??????
 ??        ??  ??    ??  ??       ??     ?? ??     ??       ?? ??
 ??       ???? ??     ?? ???????? ????????  ??     ??  ??????  ????????

You're about to initialize a Firebase project in this directory:

  /Volumes/DATA/Projects/experiments/Angular-5/Demo/WeatherDemo

Before we get started, keep in mind:

  * You are currently outside your home directory
  * You are initializing in an existing Firebase project directory

? Which Firebase CLI features do you want to setup for this folder? Press Space to select features, then Enter to confirm your choices. Hosting: Configure and deploy Firebase Hosting sites

=== Project Setup

First, let's associate this project directory with a Firebase project.
You can create multiple project aliases by running firebase use --add, 
but for now we'll just set up a default project.

i  .firebaserc already has a default project, skipping

=== Hosting Setup

Your public directory is the folder (relative to your project directory) that
will contain Hosting assets to be uploaded with firebase deploy. If you
have a build process for your assets, use your build's output directory.

? What do you want to use as your public directory? dist
? Configure as a single-page app (rewrite all urls to /index.html)? Yes
? File dist/index.html already exists. Overwrite? Yes
✔  Wrote dist/index.html

i  Writing configuration info to firebase.json...
i  Writing project information to .firebaserc...

✔  Firebase initialization complete!

MYMAC-M-34RS:WeatherDemo user$ firebase deploy

=== Deploying to 'alarm-6b7dc'...

i  deploying hosting
i  hosting: preparing dist directory for upload...
✔  hosting: 15 files uploaded successfully

✔  Deploy complete!

Project Console: https://console.firebase.google.com/project/alarm-6b7dc/overview
Hosting URL: https://alarm-6b7dc.firebaseapp.com
MYMAC-M-34RS:WeatherDemo user$

1 Ответ

0 голосов
/ 27 апреля 2018

Кажется, все в порядке с созданием вашего проекта (и начальным развертыванием). То, что вы получаете на https://alarm-6b7dc.firebaseapp.com, является страницей по умолчанию index.html. Теперь вам нужно изменить это index.html и добавить папки и файлы, соответствующие вашему угловому приложению.

Вам просто нужно выполнить репликацию в той же папке, что и файл index.html (в проекте Firebase; т. Е. В разделе Projects/experiments/Angular-5/Demo/WeatherDemo/dist), из вашей угловой (ых) папки (ов) распространения.

И затем повторно разверните с правильной командой, то есть firebase deploy

Вы можете взглянуть на команды CLI doc: https://firebase.google.com/docs/cli/#deployment

...