在Firebase中，我收到一个未捕获的类型错误：无法读取未定义的属性"initializeApp"，但不确定为什么没有定义"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版本，那么您将不得不使用比较库来使用命名空间版本:

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 }

您可以在文档

中找到详细信息