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

Question

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

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

它说

firebase2.default.firestore is not a function

这是代码

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

我做错了吗？

Answer 1

我已经使用 require('firebase/firestore')

解决了这个问题

Answer 2

ES6：

import '@firebase/firestore'

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

Answer 3

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

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

Answer 4

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

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