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

Question

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

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

它说

  

firebase2.default.firestore不是函数

这是代码

 <div id='chart' data-highcharts-chart="0"></div>
 <div id='chart' data-highcharts-chart="1"></div>
 <div id='chart' data-highcharts-chart="2"></div>

Firebase版本为4.5.0

  

npm list firebase＆gt; firebase@4.5.0

我做错了吗？

Answer 1

ES6：

import '@firebase/firestore'

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

Answer 2

我已使用require('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';