'Uncaught TypeError: firebaseApp.firestore is not a function' when integrating Firebase to Vue.js 2

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();

'Uncaught TypeError: firebaseApp.firestore is not a function' when integrating Firebase to Vue.js 2

'Uncaught TypeError: firebaseApp.firestore is not a function' when integrating Firebase to Vue.js 2

firebase

vue.js

vuefire

google-cloud-firestore