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

【问题标题】：TypeError: firebase_app__WEBPACK_IMPORTED_MODULE_0__.database is not a function类型错误：firebase_app__WEBPACK_IMPORTED_MODULE_0__.database 不是函数
【发布时间】：2021-05-14 18:14:47
【问题描述】：

我正在尝试将 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
  }
}

【问题讨论】：

标签： reactjs firebase

【解决方案1】：

感谢这个答案：https://stackoverflow.com/a/38250513/6205548。

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

【讨论】：