类型错误：firebase_app__WEBPACK_IMPORTED_MODULE_0__.database 不是函数

Question

我正在尝试将 Firebase 添加到我的 ReactJS 应用程序中，但遇到了一些问题。我正在按照https://firebase.google.com/docs/web/setup#node.js-apps的指南来了解它的工作原理。附件是错误的屏幕截图。

我的 Firebase 特定代码位于另一个名为 的文件中firebase.js，我从我的index.js文件中调用它（这只是第一步，我想看看是否可以连接到实时数据库）。

firebase.js

import firebase from 'firebase/app';

var firebaseConfig = {
    apiKey: "....",
    authDomain: "....",
    databaseURL: ".....",
    projectId: "....",
    storageBucket: "....",
    messagingSenderId: "....",
    appId: "....",
    measurementId: "...."
};

firebase.initializeApp(firebaseConfig);

firebase.database().ref().set({
    'name': 'blah'
});

然后我继续导入该文件以index.js查看它是否有效。这是我看到的错误：

我暂时更改了数据库的规则，以允许任何人写入（尚未添加身份验证）。

{
  "rules": {
    ".read": true,
    ".write": true
  }
}

Answer 1

归功于此答案：/sf/answers/2677535941/。

结果现在每个组件都需要单独导入。添加该行import 'firebase/database'解决了该问题。