javascript - 我不断收到错误 firebase.database is not a function

Question

我正在尝试将我在投资组合网站中的联系表单链接到 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
  })
}

Answer 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 等，只需确保你有那个特定的脚本标签(带有 config 对象已正确设置)。