Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Uncaught ReferenceError: Firebase is not defined

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

Uncaught ReferenceError: Firebase is not defined

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");
});
like image 287
Eddev Avatar asked Jan 23 '16 20:01

Eddev


4 Answers

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

enter image description here

like image 126
guy mograbi Avatar answered Nov 13 '22 13:11

guy mograbi


In the heading, include the following:

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

That'll solve the problem.

like image 32
Eddev Avatar answered Nov 13 '22 13:11

Eddev


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

1 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

2

like image 4
Arti Trivedi Avatar answered Nov 13 '22 14:11

Arti Trivedi


If you are using Firebase Hosting like I was (and using <script src="/__/firebase/7.14.5/firebase-app.js"></script>), then you will run into this error if you try to test locally without running firebase serve.

like image 3
brownmagik352 Avatar answered Nov 13 '22 13:11

brownmagik352