угловой хостинг неудачен - PullRequest
Новая
       32

угловой хостинг неудачен

0 голосов
/ 05 июня 2018

Я следую этому руководству для создания углового прогрессивного веб-приложения.

Я создал проект на firebase и успешно развернул его. 

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

  /Users/nitish/development/ng-pwa

Before we get started, keep in mind:

  * 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 featu
res, 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? No
i  Skipping write of dist/index.html

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

✔  Firebase initialization complete!
shannon:ng-pwa nitish$ firebase deploy

=== Deploying to 'ng-pwa-6b066'...

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

✔  Deploy complete!

хостинг: 

shannon:ng-pwa nitish$ firebase open hosting:site
Opening Hosting: Deployed Site link in your default browser:
https://ng-pwa-6b066.firebaseapp.com
shannon:ng-pwa nitish$

Однако в моем браузере все, что я вижу, это:

enter image description here

Структура моего проекта с папкой dist:

enter image description here

Почему это происходит?

1 Ответ

0 голосов
/ 05 июня 2018

Это руководство предназначено для Angular 5, и как в Angular 6 изменяются способы создания приложений Angular.

При запуске firebase init необходимо изменить один из ответов.Публичный каталог теперь зависит от приложения, а не dist.

Что вы хотите использовать в качестве общего каталога?dist / ng-pwa

Для существующего приложения вы можете изменить firebase.json с: 

{
  "hosting": {
    "public": "dist",
    ...
  }
}

На: 

{
  "hosting": {
    "public": "dist/ng-pwa",
    ...
  }
}

Это потому, что Angularоблегчает создание нескольких приложений с помощью интерфейса командной строки, поэтому им нужна собственная папка в dist. pwa.ng - более актуальное руководство, если вы хотите выполнить определенные шаги.

...