【问题标题】:I keep getting the error firebase.database is not a function我不断收到错误 firebase.database is not a function
【发布时间】:2019-11-13 06:48:18
【问题描述】:

我正在尝试将我在投资组合网站中的联系表链接到 firebase 并在我的控制台中继续获取(firebase.database 不是函数)

这是用于网络的,使用纯 javascript

var firebaseConfig = {
  apiKey: "AIzaSyCzX3r8CFw84WSBuCSXR1fWM_hDrwtGMSs",
  authDomain: "portfolio-4c243.firebaseapp.com",
  databaseURL: "https://portfolio-4c243.firebaseio.com",
  projectId: "portfolio-4c243",
  storageBucket: "",
  messagingSenderId: "745737502175",
  appId: "1:745737502175:web:a26e5b0baa3769c9"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);


var messagesRef = firebase.database().ref('messages');


document.getElementById('contactForm').addEventListener('submit', submitForm);

function submitForm(e) {
  e.preventDefault();

  var name = getInputVal('name');
  var email = getInputVal('email');
  var message = getInputVal('message');

  saveMessage(name, email, message);


}

// Function get value
function getInputVal(id) {
  return document.getElementById(id).value;
}

//Save
function saveMessage(name, email, message) {
  var newMessageRef = messagesRef.push();
  newMessageRef.set({
    name: name,
    email: email,
    message: message
  })
}

【问题讨论】:

  • 您如何在您的应用中导入 firebase?使用模块捆绑器还是来自 URL?向我们展示你的表现

标签: javascript firebase firebase-realtime-database contact-form


【解决方案1】:

此错误非常常见,因为您没有正确配置config 对象,或者缺少使用该特定功能所需的脚本标记。 在您的情况下,config 对象看起来不错,因此您必须在页面中添加此脚本

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

但请注意,此脚本只能在 firebase 应用的核心脚本之后添加

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

以后如果您想使用 Firebase 中的任何其他服务,例如 Firestore 左右,只需确保其中有特定的脚本标签(带有 @ 987654325@ 对象已正确设置)。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2022-10-07
    • 2014-10-06
    • 1970-01-01
    • 2022-12-29
    • 2015-10-11
    • 2021-11-20
    • 2017-07-22
    • 1970-01-01
    相关资源
    最近更新 更多