Я получаю: firebase.database не является ошибкой функции при попытке подключить мою форму к базе данных - PullRequest
0 голосов
/ 14 мая 2019

Я пытаюсь подключить свою контактную форму к базе данных firebase и постоянно получаю файл firebase.database, который не является ошибкой функции постоянно. Я также использую пакетный пакет для этого проекта и также получаю следующие ошибки:

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

Я действительно не знаю, что я делаю неправильно, после рассмотрения подобных проблем, ни одна из них не могла найти решение.

Вот как я связываю свои файлы:

<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:

// 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
  });
}

Любая помощь будет высоко оценена, спасибо, ребята.

1 Ответ

1 голос
/ 14 мая 2019

Вы в настоящее время включаете это только для Firebase:

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

Содержит только определение FirebaseApp и не включает аутентификацию Firebase (firebase.auth()) или базу данных Firebase Realtime (firebase.database()). Чтобы включить их, не забудьте также включить правильные сценарии для этого:

<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>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...