Giving error when retrieving data from Firebase with Javascript

Question

i included these cdn in my html:

<script src="https://www.gstatic.com/firebasejs/7.6.1/firebase-app.js"></script>

<script src="https://www.gstatic.com/firebasejs/3.1.0/firebase-auth.js"></script>

<script src="https://www.gstatic.com/firebasejs/3.1.0/firebase-database.js"></script> 

<script src="StoreFeatured.js" type="text/javascript"></script>

and here is the store featured code

var firebaseConfig = {
apiKey: "$$$$$$$",
authDomain: "$$$$$$",
databaseURL: "https://thegreatpcstore.firebaseio.com",
projectId: "thegreatpcstore",
storageBucket: "thegreatpcstore.appspot.com",
messagingSenderId: "302435893791",
appId: "$$$$$$$",
measurementId: "G-0GH3F41E5S"
};
firebase.initializeApp(firebaseConfig);

new function GetData() 
{
    firebase.database().ref('/Products/Motherboard/1').once('value').then(function (snapshot) {

            //var Description = snapshot.val().Description;
            var Name = snapshot.val().Name;
            var Price = snapshot.val().Price;
            var ImageStr = snapshot.val().ImageStr;

            document.getElementById("Mi"+i).src=ImageStr;
            document.getElementById("Mn"+i).innerHTML=Name;
            document.getElementById("Mp"+i).innerHTML=Price;
        }     
    )
}

what am i doing wrong?

im getting these errors:

> firebase-auth.js:206 Uncaught Error: Cannot find the firebase namespace; be sure to include firebase-app.js before this library.
    at firebase-auth.js:206
    at firebase-auth.js:206
    at firebase-auth.js:206
> 
> firebase-database.js:38 Uncaught Error: FIREBASE FATAL ERROR: Failed
> to register the Firebase Database Service (TypeError:
> firebase.INTERNAL.registerService is not a function) 
>     at dd (firebase-database.js:38)
>     at firebase-database.js:245
>     at firebase-database.js:245
> 
> StoreFeatured.js:17 Uncaught TypeError: firebase.database is not a
> function
>     at new GetData (StoreFeatured.js:17)
>     at StoreFeatured.js:13

first line of getdata() is doing problem i think im doing something wrong with cdn... please help

if i remove the cdn it gives one error:

StoreFeatured.js:16 Uncaught TypeError: firebase.database is not a function
at new GetData (StoreFeatured.js:16)
at StoreFeatured.js:13

Shouldn't you be using the same version in all firebase dependencies ? I see 7.6.1 and 3.1.0. — David Magalhães
– David Magalhães, Commented Dec 29, 2019 at 21:39

Peter Haddad · Accepted Answer · 2019-12-29 21:17:18Z

7

Update both the firebase-auth and firebase-database to the following version:

<script src="https://www.gstatic.com/firebasejs/7.6.1/firebase-auth.js"></script>
<script src="https://www.gstatic.com/firebasejs/7.6.1/firebase-database.js"></script>

answered Dec 29, 2019 at 21:17

Peter Haddad

81.2k26 gold badges148 silver badges149 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Hassaan Raza Over a year ago

thanks you so much did not realized it was that simple!

Vaibhav Mojidra · Accepted Answer · 2020-05-18 09:50:32Z

0

Instead of using various CDN use a single CDN which include all the library:

script src="https://www.gstatic.com/firebasejs/7.14.4/firebase.js"

answered May 18, 2020 at 9:50

Vaibhav Mojidra

1491 silver badge3 bronze badges

Collectives™ on Stack Overflow

Giving error when retrieving data from Firebase with Javascript

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related