Stack Overflow Asked by Eddev on November 26, 2020
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");
});
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>
<link rel='stylesheet' type='text/css' href='/resources/tutorial/css/example.css'>
</head>
That'll solve the problem.
Correct answer by Eddev on November 26, 2020
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
Answered by Arti Trivedi on November 26, 2020
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
.
Answered by brownmagik352 on November 26, 2020
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);
Answered by sangram desai on November 26, 2020
<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>
Answered by j22purikas on November 26, 2020
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.
Answered by Alberto Hernández on November 26, 2020
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
Answered by guy mograbi on November 26, 2020
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.
Answered by Rodrigo on November 26, 2020
Get help from others!
Recent Answers
Recent Questions
© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP