2016-07-23 5 views
0

Seit der Aktualisierung von anglefire (auf Version 2.0.1) zur Unterstützung der neuesten Version von Firebase (3.2.0) stellt meine App keine Verbindung mehr zur Datenbank her. Irgendwelche Ideen warum? Hier ist mein einfacher Code, der vorher funktioniert hat.Fehler beim Herstellen einer Verbindung zur Firebase nach dem Upgrade von anglinefire

.constant('FIREBASE_URL', 'https://my_app_url.firebaseio.com/') 

.factory('firebaseRef', function($firebase, FIREBASE_URL) { 

     var firebaseRef = new Firebase(FIREBASE_URL); 

     return firebaseRef; 
    }) 

Mein Fehler ist: ionic.bundle.js:20434 ReferenceError: Firebase is not defined Der Fehler verweist auf die obige Zeile var firebaseRef = new Firebase(FIREBASE_URL);

Wie kann ich dieses Problem beheben?

+0

Nehmen Sie sich etwas Zeit, [die ganze Seite] zu lesen (https://firebase.google.com/support/guides/firebase-web) –

Antwort

1

Die Initialisierung von Firebase unterscheidet sich in SDK 3 und höher.

Jetzt gibt es einen globalen firebase (im Gegensatz zu Firebase Konstruktor) und Sie müssen zuerst initialisieren, und dann können Sie einen Verweis auf den Stamm Ihrer Datenbank erhalten.

So könnte Ihr Code wie folgt aussehen:

ngModule.constant('FIREBASE_CONFIG', { 
 
    apiKey: "apiKey", 
 
    authDomain: "projectId.firebaseapp.com", 
 
    databaseURL: "https://databaseName.firebaseio.com", 
 
    storageBucket: "bucket.appspot.com", 
 
}); 
 

 
ngModule.factory('firebaseRef', function($firebase, FIREBASE_CONFIG) { 
 

 
    firebase.initializeApp(FIREBASE_CONFIG); 
 
    return firebase.database().ref(); 
 
});

Kasse the docs.

+0

Danke, super dumme Frage hier. Warum "ngmodule" oder irgendein Präfix verwenden? Momentan benutzt mein Code kein Präfix, daher '.constant' Das ist der Teil, der mich verwirrt, wenn ich 'ngmodule.' verwende, muss ich dann alle meine Fabriken und Dienste ändern, um' ngmodule.' als Präfix zu verwenden? –

+0

Ich denke, mein Problem hier ist eine Namensgebung/Organisation :) –

+0

Ich bekomme auch den Fehler 'ngModule nicht definiert'. –

Verwandte Themen