2016-01-23 23 views
11

Ich versuche, das Tutorial auf die Gestaltung einer Datenbank in Feuerbasis zu folgen, aber ich erhalte den folgenden Fehler in der JavaScript-Konsole:Uncaught Reference: Firebase ist nicht definiert

Uncaught ReferenceError: Firebase is not defined

Hier ist der Link zum Tutorial und der Code-Schnipsel, die ich in der JavaScript-Konsole auszuführen versuchte, ist: 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"); 
}); 
+3

Das bedeutet, dass Sie noch nicht die Firebase JavaScript-Bibliothek in Ihrer Seite eingebunden haben. Anstatt von einem Blogpost zu starten, empfehle ich, dass Sie mit diesem [5-minütigen interaktiven Lernprogramm] (https://www.firebase.com/tutorial/) beginnen. Es erklärt, was im ersten Schritt hinzugefügt wird. –

+0

Vielen Dank, ich habe die folgende Zeile nach Ihrem Vorschlag hinzugefügt: src = 'https: //cdn.firebase.com/js/client/2.2.1/firebase.js' Aber ich bekomme immer noch den gleichen Fehler . Was sollte ich erwarten, wenn der Code erfolgreich ausgeführt wird? – Eddev

+0

Folgen Sie dem Tutorial, das ich verlinkt habe, und Sie werden eine kleine Chat-Anwendung haben. Wenn Sie Probleme bei der lokalen Einrichtung haben, zeigen Sie den genauen, vollständigen, aber minimalen Code an, den Sie * in Ihrer Frage * verwenden (darunter befindet sich ein "Bearbeiten" -Link). Der Code, den Sie jetzt haben, ist korrekt, nur nicht vollständig. –

Antwort

7

in der Überschrift, gehören die folgenden:

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

Das wird das Problem lösen.

+0

Dies ist das neue Skript '' – Suhaib

+0

muss noch etwas hinzufügen, lesen Sie hier https://firebase.google .com/docs/web/setup –

1

Ich hatte das gleiche Problem, wenn Firebase über "ionic add firebase" installiert wurde. Dies hat Firebase Version 3.2.0 hinzugefügt. Dann, während ich nach Antworten suchte, versuchte ich das cdn mit Version 2.4.2 und der Fehler verschwand, also fand ich heraus, dass die Version, die über Ionen heruntergeladen wurde, was den Fehler verursachte, also lud ich die Version 2.4.2 herunter und jetzt funktioniert es.

Hoffe, das hilft.

14

Es gibt eine Anleitung zur Migration auf die neue Version.
Sie können es unter: https://firebase.google.com/support/guides/firebase-web

Und hier ist der entsprechende Code-Schnipsel für Sie

enter image description here

+0

wenn ich diesen Code hinzufügen, erhalte ich „Reference: Feuerbasis ist nicht definiert“. Woher bekommst du die Variable "firebase"? – Jim

+0

@Jim hast du 'fireBase.js' zu deiner' html' Datei hinzugefügt? –

+0

Ich habe versucht, Firebase.js über das Skript-Tag, bower installieren und npm installieren. Ich bekomme immer die Firebase ist kein Fehler definiert. :(Überprüfen Sie diese Ausgabe: https://github.com/firebase/angularfire/issues/362 – Jim

0

ich das Problem mit firebase.util lib haben, als Rodrigo sagte ich denke Problem der Version .

Vorher:

var ref = new Firebase('url'); 

Jetzt:

firebase.initializeApp(config); 

Da die Feuerbasis Objekt definiert ist anders funktioniert es nicht finden. In meinem Fall muss ich die Bibliothek aktualisieren, damit sie mit der Version 3.0 von Firebase kompatibel ist. Ich denke nicht, dass es eine gute Idee ist, die alte Bibliothek zu verwenden, um aus dem Takt zu kommen, ist in Ordnung, aber muss die Codes auf Version 3 aktualisieren. Wenn noch niemand getan hat, könnte unsere Gelegenheit sein, einen Beitrag zur Community zu leisten.

0

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

Verwandte Themen