【エラー解消】Firebase error : failed to get document because the client is offline

firebase emulatorとは

• Firebase
  開発時にFirebaseのサービスを利用するためのプラットフォーム
• firebase emulator
  Firebaseのサービスをローカルでシミュレーションしてテストを行うためのツール

今回の原因

firebase emulatorをコマンドプロンプトでインストールして起動していた為。

解決策

connectStorageEmulator を明示的にインポートする。

FireBase.js

import { getStorage, connectStorageEmulator } from 'firebase/storage';
import {
  getFirestore,
  getDocs,
  collection,
  connectFirestoreEmulator, // ← 忘れず追加
} from "firebase/firestore";

// 接続コード
if (window.location.hostname === "localhost") {
  console.log("🔥 Connecting to Firebase emulators...");
  connectFirestoreEmulator(db, "localhost", 8080);
  connectStorageEmulator(storage, "localhost", 9199);
}