我收到:尝试将表单连接到数据库时，firebase.database不是函数错误 [英] I receive: firebase.database is not a function error when trying to connect my form to the database

问题描述

我正在尝试将联系表单连接到firebase数据库，并且不断获取firebase.database并不是连续发生功能错误. 我还在此项目中使用包裹捆绑包，并且也遇到了以下错误:

I'm trying to connect my contact form to a firebase database and i keep getting the firebase.database is not a function error continuously. I'm also using parcel-bundler for this project and also getting these errors:

at Object.parcelRequire.firebase.js (firebase.js:44)
    at newRequire (firebase.js:44)
    at firebase.js:44
    at firebase.js:44

我真的不知道自己在做什么错，在研究了类似的问题之后，他们都无法提供解决方案.

I really don't know what I'm doing wrong, after looking at similar problems none of them could provide a solution.

这是我链接文件的方式:

This is how I am linking my files:

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

这是我的firebase.js文件中的代码:

This is the code from my firebase.js file:

// Your web app's Firebase configuration
var firebaseConfig = {
  apiKey: "AIzaS*************r48uEU",
  authDomain: "k********irebaseapp.com",
  databaseURL: "https://*******irebaseio.com",
  projectId: "k******",
  storageBucket: "k**********m",
  messagingSenderId: "984****903",
  appId: "1:9843179**********3734705af"
};
// Initialize Firebase
firebase.initializeApp(firebaseConfig);

var messageRef = firebase.database().ref("messages");

//grab a form
document.querySelector(".contact-form").addEventListener("submit", submitForm);

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

  // get values
  var name = getInputVal("name");
  var email = getInputVal("email");
  var number = getInputVal("phone");
  var message = getInputVal("message");

  saveMessage(name, email, number, message);
}

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

function saveMessage(name, email, number, message) {
  var newMessageRef = messageRef.push();

  newMessageRef.set({
    name: name,
    email: email,
    number: number,
    message: message
  });
}

谢谢大家的帮助.

推荐答案

您目前仅在Firebase中包含此内容:

You're currently only including this for Firebase:

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

这仅包含FirebaseApp的定义，不包括Firebase身份验证(firebase.auth())或Firebase实时数据库(firebase.database()).要包含这些内容，请确保也包含正确的脚本:

This only contains the definition of FirebaseApp, and doesn't include Firebase Authentication (firebase.auth()) or Firebase Realtime Database (firebase.database()). To include those, be sure to include the correct scripts for that too:

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

这篇关于我收到:尝试将表单连接到数据库时，firebase.database不是函数错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！