2016-01-23 13 views
11

Sto cercando di seguire il tutorial sulla progettazione di un database in Firebase, ma sto ottenendo il seguente errore nella console JavaScript:ReferenceError Uncaught: Firebase non è definito

Uncaught ReferenceError: Firebase is not defined

ecco il link al tutorial , e il frammento di codice che stavo cercando di eseguire nella console JavaScript è: 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"); 
}); 
+3

Questo significa che non hai incluso la libreria Firebase JavaScript nella tua pagina ancora. Invece di iniziare da un post sul blog, ti consiglio di iniziare con questo [tutorial interattivo di 5 minuti] (https://www.firebase.com/tutorial/). Spiega cosa aggiungere nel primo passaggio. –

+0

Grazie mille, ho aggiunto la seguente riga come da suggerimento: src = 'https: //cdn.firebase.com/js/client/2.2.1/firebase.js' Ma sto ancora ricevendo lo stesso errore . Inoltre, cosa dovrei aspettarmi se il codice viene eseguito correttamente? – Eddev

+0

Segui il tutorial che ho collegato e avrai una piccola applicazione di chat. Se hai problemi nella configurazione locale, mostra il codice esatto, completo, ma minimale che usi * nella tua domanda * (c'è un link "modifica" proprio sotto di esso). Il codice che hai ora è corretto, ma non completo. –

risposta

7

nel titolo, sono i seguenti:

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

Che verrà risolvere il problema.

+0

Questo è il nuovo script '' – Suhaib

+0

è necessario aggiungere altro elemento letto qui https://firebase.google .com/docs/web/setup –

1

Ho avuto lo stesso problema quando ho installato Firebase tramite "ionic aggiungere firebase". Questo ha aggiunto la versione di Firebase 3.2.0. Poi, mentre cercavo le risposte, ho provato il cdn con la versione 2.4.2 e l'errore è scomparso, quindi ho capito che la versione scaricata via ionic era l'errore, quindi ho scaricato la versione 2.4.2 e ora funziona.

Spero che questo aiuti.

14

C'è una guida su come migrare alla nuova versione.
Lo si può trovare all'indirizzo: https://firebase.google.com/support/guides/firebase-web

E qui è il frammento di rilevante per voi

enter image description here

+0

quando aggiungo questo codice ottengo "ReferenceError: firebase non è definito". Da dove ottieni la variabile "firebase"? – Jim

+0

@Jim hai aggiunto il file 'firebase.js' al tuo file' html'? –

+0

Ho provato ad aggiungere firebase.js tramite il tag script, bower install e npm install. Ricevo sempre che il firebase non ha definito un errore. :(Controlla questo problema: https://github.com/firebase/angularfire/issues/362 – Jim

0

ho il problema con lib firebase.util, come Rodrigo ha detto credo sia problema della versione .

Prima:

var ref = new Firebase('url'); 

Ora:

firebase.initializeApp(config); 

Come l'oggetto Firebase è definito in modo diverso ma non lo trova. Nel mio caso, ho bisogno di aggiornare la libreria per essere compatibile con la versione 3.0 di Firebase. Non penso che sia una buona idea usare la vecchia libreria, per uscire dal passo va bene, ma dovremo aggiornare i codici alla versione 3. Se nessuno ha ancora fatto potrebbe essere la nostra opportunità di contribuire alla comunità.

0

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

Problemi correlati