Uncaught ReferenceError: Firebase is not defined

Question

I am trying to follow the tutorial on designing a database in firebase, but I am getting the following error in the JavaScript console:

Here is the link to the tutorial, and the code snippet that I was trying to run in the JavaScript console is: 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");
});

Eddev · Accepted Answer

In the heading, include the following: That'll solve the problem.

Arti Trivedi · Answer

if you are using firebase web api then its very important to include core firebase SDK first in the body tag, this SDK provide firebase accessibility. as shown in image .

,After that we have to include all related api code . which is availible

theses will helpful for you ,and it will surly solve your problem ,which is firebase is not defined ,you don't need to add any other script's

brownmagik352 · Answer

If you are using Firebase Hosting like I was (and using ), then you will run into this error if you try to test locally without running firebase serve.

sangram desai · Answer

create the connection variable from the firebase.

con = {
    "apiKey": "your key",
    "authDomain": "example.firebaseapp.com",
    "databaseURL": "https://example.firebaseio.com/",
    "projectId": "example",
    "storageBucket": "example.appspot.com",
    "messagingSenderId": "id"
};

initialize the firebase using this

firebase.initializeApp(con);

j22purikas · Answer

Alberto Hernández · Answer

i have the issue with firebase.util lib, as Rodrigo said i think is problem of the versión.

Before:

var ref = new Firebase('url');

Now:

firebase.initializeApp(config);

As the firebase object is defined differently it does not find it. In my case, I need to update the library to be compatible with version 3.0 of firebase. I do not think it's a good idea to use the old library, to get out of step is fine but will have to update the codes to version 3. If no one has done yet may be our opportunity to contribute to the community.

guy mograbi · Answer

There is a guide on how to migrate to the new version.
You can find it at: https://firebase.google.com/support/guides/firebase-web

And here is the relevant snippet for you

Rodrigo · Answer

I had the same issue when installed firebase via "ionic add firebase". This added firebase version 3.2.0. Then, while looking for answers I tried the cdn with version 2.4.2 and the error disappeared, so I figured out the version downloaded via ionic was what caused the error, so I downloaded the 2.4.2 version and now it works.

Hope this helps.

Uncaught ReferenceError: Firebase is not defined

8 Answers

Add your own answers!

Ask a Question