使用 JS 连接到 Firebase 时“firebase.database.ref 不是函数”[重复]答案

【问题标题】："firebase.database.ref is not a function" when connecting to Firebase using JS [duplicate]使用 JS 连接到 Firebase 时“firebase.database.ref 不是函数”[重复]
【发布时间】：2019-10-01 18:53:15
【问题描述】：

我在尝试将网页连接到 Firebase 实时数据库时遇到一个奇怪的错误。我得到了错误，

未捕获的类型错误：firebase.database.ref 不是函数。

错误指向下面的代码行

const db = firebase.database.ref();

我从我的 firebase 项目中复制了脚本并添加了导入。对于初始化，我已经删除了问题的 apiKey 等。

<script src="https://www.gstatic.com/firebasejs/5.10.0/firebase-app.js"> 
</script>
<script src="https://www.gstatic.com/firebasejs/5.10.0/firebase- 
database.js"></script>

<script>
// Initialize Firebase
const config = {
          apiKey: "",
          authDomain: "",
          databaseURL: "",
          projectId: "",
          storageBucket: "",
          messagingSenderId: ""
    };

    firebase.initializeApp(config);
</script>

<script>
    const db = firebase.database.ref();
</script>

【问题讨论】：

标签： javascript firebase firebase-realtime-database

【解决方案1】：

你必须这样做

const db = firebase.database().ref();

见https://firebase.google.com/docs/database/web/start和https://firebase.google.com/docs/reference/js/firebase.database.Database

请注意，您可以将变量重命名为 rootRef 而不是 db，并将 db 用于 firebase.database()

【讨论】：

【解决方案2】：

我不确定我是否可以在不查看整个代码的情况下发挥作用，（不是在谈论 firebase apikey 和其他东西），但我在几周前使用 React-Native 时遇到了这个问题。现在虽然它们的功能不同，但错误可能是因为您缺少几个库或者您没有使用它们的最新版本。错误细节并不像看起来那么友好。我通过安装最新的库解决了这个问题 - 有时即使你确实安装了它们，它们也会安装错误，所以最好的猜测是“首先删除已安装的包”然后“重新安装”。同时添加以下内容

 <script src="https://www.gstatic.com/firebasejs/3.1.0/firebase-auth.js"></script>.

在那之后，我记得有时我不得不单独要求数据库和身份验证部分，因为以这种方式包含 Firebase 时它们没有捆绑在一起。所以我使用下面的代码修复了它，

var firebase = require('firebase/app');
require('firebase/auth');
require('firebase/database');

最后但并非最不重要的是，您的代码中也缺少函数 ()，但我不确定仅此一个问题。所以只需添加

const db = firebase.database().ref();.

我确实感觉这可以单独修复它，但有时它可能还需要上面的所有包。让我知道事情的后续。祝你好运。连接有时对所有人来说都是一件麻烦事，而不仅仅是您。

【讨论】：

嗨，我已经解决了！谢谢