Я продолжаю получать сообщение об ошибке firebase.database не является функцией - PullRequest
3 голосов
/ 02 июля 2019

Я пытаюсь связать свою контактную форму на веб-сайте портфолио с 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
  })
}

1 Ответ

1 голос
/ 02 июля 2019

Эта ошибка очень распространена и возникает потому, что либо вы неправильно настроили объект 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 объект правильно настроен).

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...