firebase_compat_app__WEBPACK_IMPORTED_MODULE_0__.default.storage 不是 function，firbase.storge() 方法不起作用也試試 firebaseApp.storage

Question

( npm firebase ^9.6.10 )

import firebase from 'firebase/compat/app';
import 'firebase/compat/auth';
import 'firebase/compat/firestore';

const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
  measurementId: "",
};

const firebaseApp = firebase.initializeApp(firebaseConfig);
const db = firebaseApp.firestore();
const auth = firebase.auth();
const provider = new firebase.auth.GoogleAuthProvider();
const storage = firebase.storage();

export {
  auth,
  provider,
  storage
};
export default db;

Answer 1

您必須導入 Firebase 存儲 SDK 以及 Firestore 和其他 Firebase 服務：

import 'firebase/compat/auth';
import 'firebase/compat/firestore';

// Add Firebase storage
import 'firebase/compat/storage';