firebase2.default.firestore 不是函数 - React Firebase

IT技术 reactjs firebase google-cloud-firestore
2021-05-14 20:41:48

我正在尝试在我的 reactjs 应用程序中使用firestore

当我从 firebase 配置对象调用 firestore 时。

它说

firebase2.default.firestore 不是函数

这是代码

import firebase from 'firebase'

const config = {
  apiKey: "AIzaSxxxxxxqpUeqKXI",
    authDomain: "payxxxxxa1.firebaseapp.com",
    databaseURL: "https://payxxxxxxxa1.firebaseio.com",
    projectId: "payxxxxxxja1",
    storageBucket: "payxxxxxa1.appspot.com",
    messagingSenderId: "281xxxxxxxx576"
}

firebase.initializeApp(config)

export const fire = firebase
export const ref = firebase.database().ref()
export const firebaseAuth = firebase.auth
export const messaging = firebase.messaging();
export const db = firebase.firestore();

Firebase 版本为 4.5.0

npm list firebase > firebase@4.5.0

我做错了吗?

4个回答

ES6:

import '@firebase/firestore'

参考:https : //www.npmjs.com/package/@firebase/firestore

我已经通过使用解决了这个问题 require('firebase/firestore')

我通过导入多个库来修复它:firebase 和 firebase/firestore。那是因为 firebase 核心库本身并不包含 firestore 库。所以修复它的完整代码是:

import * as firebase from 'firebase';
import 'firebase/firestore';

如果您使用的是官方 firebase npm 包,这就是您导入它的方式。

import firebase from 'firebase';
import 'firebase/firestore';