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");
});
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
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.
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
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
.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With