Cant Import Firebase in Ionic 2

Question

I ionischer 2. bin mit Ich bin nicht in der Lage in ionischer Feuerbasis Import verwenden 2.

Fehler

Unused import: 'firebase' 
import { HomePage } from '../pages/home/home'; 
import firebase from 'firebase'; 

Answer 1

Sie sollten npm Paket vor und importieren Sie das Modul installieren in Feuerbasis Ihre app.module.ts

Installation:

npm install --save ng2-firebase 

app.module.ts

import { AngularFireModule } from 'angularfire2'; 

app.module.ts Importe

AngularFireModule.initializeApp(firebaseConfig) 

Answer 2

Nachdem der Installationsvorgang mit NPM installieren, sollten Sie vielleicht einige andere Bibliotheken von Feuerbasis importieren, die sein wird, erforderlich.

app.module.ts

import { AngularFireModule } from 'angularfire2'; 
import { AngularFireDatabaseModule } from 'angularfire2/database'; 
import { AngularFireAuthModule } from 'angularfire2/auth'; 

export const firebaseConfig = { 
    apiKey: "...", 
    authDomain: "...", 
    databaseURL: "...", 
    projectId: "...", 
    storageBucket: "...", 
    messagingSenderId: "..." 
}; 

@NgModule({ 
    ...... 
    , 
    imports: [ 
    BrowserModule, 
    IonicModule.forRoot(MyApp), 
    AngularFireModule.initializeApp(firebaseConfig), 
    AngularFireDatabaseModule, // imports firebase/database, only needed for database features 
    AngularFireAuthModule, // imports firebase/auth, only needed for auth features 
    ], 
..... 
}) 

Die firebaseConfig die Informationen aus Ihrem Firebase Setup enthält unter: https://console.firebase.google.com/u/0/ in einem Ihrer Projekte.

component.ts

import {AngularFireDatabase, FirebaseListObservable} from 'angularfire2/database'; 

@Component({ 
    selector: 'page-home', 
    templateUrl: 'home.html' 
}) 
export class HomePage { 
    users: FirebaseListObservable<any[]>; 

    constructor(public navCtrl: NavController, public alertCtrl: AlertController, db: AngularFireDatabase, public actionSheetCtrl: ActionSheetController) { 
     this.users = db.list('/users'); 
    } 

...... 

} 

In Ihrer Komponente finden Sie die FirebaseListObservable benötigen, um Ihre Daten von Feuerbasis zu erhalten. Sie brauchen "beobachtbar", damit die Liste immer aktualisiert wird (zB Live-Score usw.). Und die AngularFireDatabase wird benötigt, um auf Firebase zuzugreifen.

Sie können dieses Starter-Kit überprüfen: https://github.com/Temeteron/ionic2-firebase-starter-kit für weitere Informationen.

Viel Glück!

Answer 3

Run npm als Administrator an und installieren mit

npm installieren --save NG2-Feuerbasis