将 Firebase 集成到 Vue.js 2 时出现“未捕获的 TypeError：firebaseApp.firestore 不是函数”

Question

检查时出现此错误>> 未捕获的类型错误：firebaseApp.firestore 不是函数。 使用的依赖项：“vuefire”：“^3.0.0-alpha.2”，“firebase”：“^9.0.2”， 我的 db.js 文件：

import * as Firebase from "firebase/app";
import 'firebase/firestore';
import { initializeApp } from "firebase/app";

const firebaseApp = Firebase.initializeApp({
      apiKey: "x***************************",
      authDomain: "a**********.firebaseapp.com",
      projectId: "f****demo-****",
      storageBucket: "f**********.appspot.com",
      messagingSenderId: "2***********",
      appId: "1:**********:web:2**************"
});
export const db = initializeApp(firebaseApp.firestore());

Answer 1

在 Firebase SDK v9 中，API 界面改为使用模块化、可摇树的代码。预计您看到的几乎所有文档或示例代码都是针对需要更新的 v8 或更早版本的 Firebase SDK 编写的。

阅读更多about migrating here。

对于您的具体情况，您需要使用getFirestore() 方法，传入相关的FirebaseApp 实例：

import { getFirestore } from "firebase/firestore";

export const db = getFirestore(firebaseApp);

虽然，因为这是默认的未命名实例，你也可以直接使用：

import { getFirestore } from "firebase/firestore";

export const db = getFirestore();