38

私は、Firebase チュートリアルを行っているかなり新しいプログラマーです。チュートリアル ( https://codelabs.developers.google.com/codelabs/firebase-web/#5 )のステップ 1 ～ 5 を実行しました。「Add Firebase to your web app」js コードを html ファイルに追加し、Firebase CLI をセットアップしました。ただし、firebase サーバーを実行すると、index.html ファイルのコードが表示されない以外はすべて動作しているように見えます。

正しいディレクトリにいると、コンソールに「Server listen at: http://localhost:5000」と表示されます。しかし、ローカルホスト 5000 では、一般的な「Firebase Hosting へようこそ: Firebase Hosting のセットアップに成功したため、これが表示されます。今こそ、特別なものを構築する時です!」と表示されます。index.html ファイル内のアプリ インターフェース コードではなく、ボックス。私のディレクトリにある唯一のhtmlファイルです。非常に単純なものが欠けているようです。ご協力ありがとうございました。

4

23 に答える 23

32

表示される Web サイトは、index.htmlフォルダーpublic(またはファイル内にあるように構成したものfirebase.json) からのものです。

犯人は かもしれませんfirebase init。index.html汎用ファイルを生成しようとします。ただし、最新バージョンでは、少なくとも上書きするかどうかを尋ねる必要があります (これは過去にはありませんでした!)。

問題はfirebase init信じられないほど粗雑です。index.htmlフォルダーにあったファイルを上書きするだけpublicです...確認もセーフティネットも何もありません。

ファイルを紛失したり、誤ってfirebase init上書きしてしまったりした場合は、index.html何らかの方法でファイルを再作成する必要があります。ファイルのバックアップや、ファイルを再作成する他の手段がない場合はindex.html...まあ...残念です!

firebase CLI はどのように機能しますか?

一般に、firebaseセットアップの手順は次のようになります。

  1. firebase login
  2. firebase init
  3. your-build-command-here# (ビルド パイプラインがある場合)
  4. firebase deploy

ステップ #1 ( ) を実行する必要があるloginのは、そのマシンでビルドを初めてセットアップするとき (または、新しい firebase リビジョンがリリースされたとき) だけです。

ステップ #2 ( ) を実行するだけでinit、新しいプロジェクトを初期化できます。つまり、 (コマンドfirebase.jsonによって作成される) まだ持っていない場合です。init

再デプロイするには、次のようにします。

  1. your-build-command-here# (ビルド パイプラインがある場合)
  2. firebase deploy
于 2017-04-07T16:27:13.737 に答える
27

私は自分の答えを見つけました。投稿されていた index.html ファイルは、「firebase init」段階で作成された「public」ファイルにありました。そのプレースホルダー html ファイルをアプリ用のファイルに置き換えました。

于 2016-07-20T18:52:55.840 に答える
0

ワーキングソリューション

flutter build webでは、 そうしてください flutter deploy。

firebase initは一般的な index.html ファイルを生成しようとします。それが行われた場合flutter build webは、一般的なものではなく、必要な index.html が生成されるように最初に行う必要があります。flutter deploy

于 2021-06-23T04:51:11.257 に答える