在 Firebase 中，我收到 Uncaught TypeError: Cannot read property 'initializeApp' of undefined，但不確定為什么未定義“firebase”？

Question

這是配置文件中的我的 firebase 導入等，為什么這無法識別 firebase？

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

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

//init firebase
firebase.initializeApp(firebaseConfig)

const projectAuth = firebase.auth()
const projectFirestore = firebase.firestore()
const timestamp = firebase.firestore.FieldValue.serverTimestamp

export { projectAuth, projectFirestore, timestamp }

Answer 1

如果您安裝了9.0.0版，則必須使用 compat 庫來使用命名空間版本：

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

盡管我建議使用新的模塊化語法，該語法旨在促進搖樹（刪除未使用的代碼）以使您的 Web 應用程序盡可能小和快速。

import { initializeApp } from "firebase/app"
import { getAuth } from "firebase/auth";
import { getFirestore } from "firebase/firestore"

const app = initializeApp(firebaseConfig)

const projectAuth = getAuth(app)
const projectFirestore = getFirestore(app)

export { projectAuth, projectFirestore }

您可以在文檔中找到詳細信息