从 Firebase (web) 检索数据无效

Question

我刚刚进入 Firebase，我试图从实时数据库中检索数据，但我无法在网页上显示任何内容。

这就是我得到的，在 JS 之前我得到了初始化 Firebase 代码。 （如果我删除val()我收到[object Object]所以至少有些东西在工作）。

记者：

var heading = document.getElementById("head");

var firebaseHeadingRef = firebase.database().ref().child("Heading");

firebaseHeadingRef.on('value', function(datasnapshot) {
    heading.innerText = datasnapshot.val();
});

HTML：

<div id="table_body"> <h1 id="head">Some Text</h1>

这是数据库的截图：

感谢所有帮助:)

Answer 1

实时数据库区分大小写。 在您的数据库屏幕截图中，您具有Heading但是您的JS代码具有.child('heading') 。 尝试使相同的情况下，它应该工作。 请注意，您还必须具有适当的安全规则，以允许未经身份验证的用户访问。

Answer 2

我遇到了类似的问题，一切都很好，包括数据库规则，但没有获取任何数据。

我的解决方案

我包含apiKey和projectId的配置缺少databaseURL部分，所以我重新复制了正确的配置并且它起作用了。

聚苯乙烯

尝试检查您的控制台是否有来自 Firebase 的任何警告