Firebaseはindex.htmlファイルを実行していません

Question

私はFirebaseチュートリアルのかなり新しいプログラマです。チュートリアルの手順1〜5（https://codelabs.developers.google.com/codelabs/firebase-web/#5）を終了しました。私は、あなたのWebアプリケーションにFirebaseを追加するjsコードをhtmlファイルに追加し、Firebase CLIを設定しました。しかし、firebaseサーバーを実行すると、index.htmlファイルのコードが表示されていないこと以外はすべて動作するように見えます。

私は正しいディレクトリにあり、私のコンソールには "Server listening at：http://localhost:5000"と書かれています。しかし、localhost 5000では、 "Firebase Hostingへようこそ"という一般的なメッセージが表示されます.Firebase Hostingを正常にセットアップしたため、これが表示されています。アプリケーションのインターフェイスコードではなく、index.htmlファイルのボックスに表示されます。それは私のディレクトリ内の唯一のhtmlファイルです。私は非常にシンプルなものを見逃しているようです。ご協力ありがとうございました。

Answer 1

私は私の答えを理解しました。投稿されたindex.htmlファイルは、 "firebase init"ステージで作成された "public"ファイルにあります。私はそのプレースホルダーのhtmlファイルを私のアプリケーションのものに置き換えました。

Answer 2

問題はfirebase initは信じられないほど原油です。それはちょうどあなたのpublicフォルダにあったindex.htmlファイル...ない確認、ない安全ネット、無何よりも優先されます。

この問題を解決する唯一の方法は、あなた自身のindex.htmlファイルを再生成することです。 index.htmlファイルを再作成するためのバックアップやその他の手段がない場合は...うーん...あまりにも悪い！

一般的に、WebPACKの（または他のビルドツール）とfirebaseセットアップの手順は少しこのように行く：

1. firebase login
2. firebase init
3. your-build-command-here
4. firebase deploy

あなたはt最初に、そのマシンでビルドをセットアップするとき（または、新しいfirebaseリビジョンがリリースされたとき）、最初の2つのステップを実行します。再デプロイ、それは単にですするには：それは上書きまたはべきでない場合、それは少なくともあなたを尋ね最新バージョン:)

で

1. your-build-command-here
2. firebase deploy

UPDATE

Answer 3

AngularアプリケーションをFirebaseにデプロイするための簡単で素早いチュートリアル hereが見つかります。 firebaseのinitのプロセス中

、タイプN、質問 "ファイルDIST/index.htmlががすでに存在します。上書きしますか？"が表示され、ページが表示されるはずです。CLIで、角度2または4の場合

Answer 4

、パブリックディレクトリとして.（DIST）を使用し、

$ ng build --prod 
$ cd dist/ 
$ firebase init 
? What do you want to use as your public directory? . 
? Configure as a single-page app (rewrite all urls to /index.html)? Yes 
? File ./index.html already exists. Overwrite? No 
$ firebase deploy