Javascript - Не удается создать экземпляр firebase-firestore - PullRequest
0 голосов
/ 11 октября 2018

Попытка следовать Google Начало работы с Cloud Firestore в Интернете - Firecasts

По какой-то причине я получаю эту ошибку:

UncaughtОшибка: Не удается создать экземпляр firebase-firestore - сначала загрузите firebase-app.js.

Но я считаю, что все сделано в порядке.Что не так с этим?

HTML:

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://www.gstatic.com/firebasejs/5.5.3/firebase.js"></script>
    <script src="https://www.gstatic.com/firebasejs/5.5.3/firebase-firestore.js"></script>

</head>
<body>

<h1 id="hotDogOutput">Hot dog status:</h1>
<input type="textfield" id="latestHotDogStatus">
<button id="saveButton">Save</button>
<script src="./app.js"></script>

</body>
</html>

Javascript

// Initialize Firebase
var config = {
    apiKey: "...",
    authDomain: "...",
    databaseURL: "...",
    projectId: "...",
    storageBucket: "...",
    messagingSenderId: "..."
};
firebase.initializeApp(config);

const firestore = firebase.firestore();
const settings = {/* your settings... */ timestampsInSnapshots: true};
firestore.settings(settings);

const docRef = firestore.doc("samples/sandwichData");

const outputHeader = document.querySelector("#hotDogOutput");
const inputTextField = document.querySelector("#latestHotDogStatus");
const saveButton = document.querySelector("#saveButton");

saveButton.addEventListener("click", function () {
    const textToSave = inputTextField.value;
    console.log("I am going to save " + textToSave + " to Firestore");
    docRef.set({
       hotDogStatus: textToSave
    }).then(function() {
        console.log("Status Saved!");
    }).catch(function(error) {
        console.log("Got an error: ", error)
    });

})

Ответы [ 2 ]

0 голосов
/ 22 апреля 2019

Если вы используете базу данных в реальном времени, добавьте только эти два сценария srcs:

<script src="https://www.gstatic.com/firebasejs/5.9.3/firebase-app.js"></script>
<script src="https://www.gstatic.com/firebasejs/5.9.3/firebase-database.js"></script>
0 голосов
/ 11 октября 2018

Либо импортируйте все firebase.js, либо просто firebase-app.js, а затем firebase-firestore.js.Здесь происходит то, что firebase-firestore.js ожидает firebase-app.js (основной клиент Firebase), а не всю библиотеку.

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

Полезное руководство: https://firebase.google.com/docs/web/setup

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