Question

我正在尝试将联系人数据从HTML5表单保存到Firebase，但是我一直收到错误firebase。数据库不是控制台中的功能。

// Your web app's Firebase configuration
var firebaseConfig = {
    apiKey: "***********************",
    authDomain: "*********************",
    databaseURL: "*********************",
    projectId: "*********************",
    storageBucket: "",
    messagingSenderId: "***************",
    appId: "**********************"
  };
  // Initialize Firebase
  firebase.initializeApp(firebaseConfig);

//Reference Messages Collection
var messagesRef = firebase.database().ref('messages');

/* listen for form submit */
document.getElementById('contactForm').addEventListener('submit', submitForm);

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

  //get values
  const name = getInputVal('name');
  const email = getInputVal('email');
  const phone = getInputVal('tel');
  const message = getInputVal('message');

  saveMessage(name, email, phone, message);


}

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

// Save the message to Firebase
function saveMessage(name, email, phone, message){
    const newMessageRef = messagesRef.push();
    newMessageRef.set({
        name: name,
        email: email,
        phone: phone,
        message: message
    });
}

目前我预计不会出现任何错误，并且我遵循了不同的教学视频，但是在视频正在观看的过程中却遇到了相同的错误

Answer 1

前段时间我遇到了相同的错误，我发现答案与我预期的完全不同。

转换

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

到

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

删除-app即可。 我不知道原因，它对我有用。我希望它对你有用。

尝试设置我的页面以将数据发送到firebase时，firebase.database（）不是函数

1 个答案: