Uncaught ReferenceError: Firebase не определен

Я пытаюсь выполнить руководство по разработке базы данных в firebase, но я получаю следующую ошибку в консоли JavaScript:

Неподготовлен ReferenceError: Firebase не определен

Вот ссылка на учебник, а фрагмент кода, который я пытался запустить в консоли JavaScript: https://www.firebase.com/blog/2014-11-04-firebase-realtime-queries.html

var ref = new Firebase("https://dinosaur-facts.firebaseio.com/dinosaurs");
ref.orderByChild("height").on("child_added", function(snapshot) {
  console.log(snapshot.key() + " was " + snapshot.val().height + " meters tall");
});

Ответ 1

В заголовке укажите следующее:

<head>
    <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
    <link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'>
  </head>

Ответ 2

Существует руководство по переносу на новую версию.
Вы можете найти его по адресу: https://firebase.google.com/support/guides/firebase-web

И вот вам соответствующий фрагмент

введите описание изображения здесь

Ответ 3

У меня была такая же проблема, когда была установлена ​​firebase через "ионную добавленную огненную базу". Эта добавленная версия 3.2.0 Firebase. Затем, ища ответы, я попробовал cdn с версией 2.4.2, и ошибка исчезла, поэтому я понял, что версия, загруженная через ионную, вызвала ошибку, поэтому я загрузил версию 2.4.2, и теперь она работает.

Надеюсь, это поможет.

Ответ 4

У меня проблема с firebase.util lib, так как Родриго сказал, что я думаю, это проблема versión.

До:

    var ref = new Firebase('url');

Сейчас:

    firebase.initializeApp(config);

Поскольку объект firebase определяется по-разному, он не находит его. В моем случае мне нужно обновить библиотеку, чтобы она совместима с версией firebase версии 3.0. Я не думаю, что неплохо использовать старую библиотеку, чтобы выйти из строя, это нормально, но придется обновлять коды до версии 3. Если никто не сделал, это может быть нашей возможностью внести вклад в сообщество.

Ответ 5

<head>
    <script src='https://cdn.firebase.com/js/client/2.2.1/firebase.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
    <link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'>
  </head>