未捕获的类型错误：firebase_app__WEBPACK_IMPORTED_MODULE_0__.firestore 不是 Vue js 中的函数

【问题标题】：Uncaught TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_0__.firestore is not a function in Vue js未捕获的类型错误：firebase_app__WEBPACK_IMPORTED_MODULE_0__.firestore 不是 Vue js 中的函数
【发布时间】：2021-11-28 06:13:44
【问题描述】：

我的 firebase.js 中出现此错误，并且出现 Uncaught TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_0__.firestore is not a function in my console 我尝试以不同方式导入 firebase，但都无法解决我的问题。

 import * as firebase from "firebase/app";
import "firebase/auth";
import "firebase/firestore";

// firebase init - add your own config here
const firebaseConfig = {
  apiKey: "",
  authDomain: "",
  databaseURL: "",
  projectId: "",
  storageBucket: "",
  messagingSenderId: "",
  appId: "",
};
firebase.initializeApp(firebaseConfig);


const db = firebase.firestore();
const auth = firebase.auth();

【问题讨论】：

标签： firebase vue.js google-cloud-firestore

【解决方案1】：

您正试图从firebase 获取firestore。但是在您的代码中，firebase 对应于firebase/app。

const db 的初始化必须来自 firebase/firestore。

试试这个：

import { getFirestore } from "firebase/firestore"
const db = getFirestore();

Firebase 文档：https://firebase.google.com/docs/firestore/quickstart#web-version-9_1

此外，firebase.auth() 可能会遇到同样的问题：

import { getAuth, createUserWithEmailAndPassword } from "firebase/auth";
const auth = getAuth();

Firebase 文档：https://firebase.google.com/docs/auth/web/start

【讨论】：