web-dev-qa-db-fra.com

Uncaught ReferenceError: Firebase n'est pas défini

J'essaie de suivre le didacticiel sur la conception d'une base de données dans Firebase, mais le message d'erreur suivant s'affiche dans la console JavaScript:

Uncaught ReferenceError: Firebase n'est pas défini

Voici le lien vers le didacticiel et l'extrait de code que j'ai essayé d'exécuter dans la console JavaScript est le suivant: 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");
});
javascriptfirebasefirebase-realtime-database
15
Eddev

Dans l'en-tête, inclure les éléments suivants:

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

Cela résoudra le problème.

10
Eddev

Il existe un guide sur la migration de la nouvelle version.
Vous pouvez le trouver à: https://firebase.google.com/support/guides/firebase-web

Et voici l'extrait pertinent pour vous

 enter image description here

17
guy mograbi

j'ai le problème avec firebase.util lib, comme Rodrigo a dit que je pense est le problème de la version.

Avant:

    var ref = new Firebase('url');

À présent:

    firebase.initializeApp(config);

Comme l'objet firebase est défini différemment, il ne le trouve pas. Dans mon cas, je dois mettre à jour la bibliothèque pour qu'elle soit compatible avec la version 3.0 de Firebase. Je ne pense pas que ce soit une bonne idée d’utiliser l’ancienne bibliothèque, il est correct de sortir des étapes mais de mettre à jour les codes vers la version 3. Si personne ne l’a déjà fait, nous pourrions peut-être contribuer à la communauté.

1
Alberto Hernández

J'ai eu le même problème lors de l'installation de Firebase via "ionic add firebase". Cette version ajoutée de firebase 3.2.0. Puis, tout en cherchant des réponses, j’ai essayé le cdn avec la version 2.4.2 et l’erreur a disparu. J’ai donc compris que la version téléchargée via Ionic était la cause de l’erreur. J’ai donc téléchargé la version 2.4.2 et cela fonctionne maintenant. 

J'espère que cela t'aides. 

1
Rodrigo

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

1
j22purikas