Angular2 - 'AppModule'モジュールの '[object Object]'

Question

私のアプリケーションにanglefire2を統合する際に問題があります。私はほとんどの問題をソートしましたが、私はこの最終的なものをうまくいけばいいです。私はエラーが何であるか不明ですが、私は次のコードにそれを特定しました。

この作品：

//Other imports here 
import { FIREBASE_PROVIDERS, defaultFirebase } from 'angularfire2'; 

@NgModule({ 
    imports: [ 
       BrowserModule, 
       HttpModule, 
       RouterModule.forRoot(routes), 
       MainModule, 
       SharedModule.forRoot()], 

    declarations: [AppComponent], 
    providers: [{ 
    provide: APP_BASE_HREF, 
    useValue: '<%= APP_BASE %>' 
    }], 
    bootstrap: [AppComponent] 

}) 

export class AppModule { } 

しかし、これは私のブートストラッププロパティで以下のエラーを与える：

あなたはそれを間違った方法を行っているとも Bootstrap文書ではないので、そのはあなたにエラーを与えて

(SystemJS) Unexpected value '[object Object]' used in the bootstrap property of module 'AppModule' 


//Other imports here 
import { FIREBASE_PROVIDERS, defaultFirebase } from 'angularfire2'; 

@NgModule({ 
    imports: [ 
       BrowserModule, 
       HttpModule, 
       RouterModule.forRoot(routes), 
       MainModule, 
       SharedModule.forRoot()], 

    declarations: [AppComponent], 
    providers: [{ 
    provide: APP_BASE_HREF, 
    useValue: '<%= APP_BASE %>' 
    }], 
    bootstrap: [AppComponent, [ 
    FIREBASE_PROVIDERS, 
    defaultFirebase({ 
    apiKey: 'keyhere', 
    authDomain: 'key.firebaseapp.com', 
    databaseURL: 'https://key.firebaseio.com', 
    storageBucket: 'key.appspot.com' 
    }) 
]] 

}) 

export class AppModule { } 

Answer 1

最新の角度バージョンのモジュールで使用するために更新されました。 Bootstrap文書第二のパラメータで

は、我々の角度アプリケーションのプロバイダので、あなたが次のようにしなければならない、我々は@NgModule.providers内のすべての私たちのプロバイダを宣言している角度の最新realesedバージョンではそうです：

//Other imports here 
import { FIREBASE_PROVIDERS, defaultFirebase } from 'angularfire2'; 

@NgModule({ 
    imports: [ 
       BrowserModule, 
       HttpModule, 
       RouterModule.forRoot(routes), 
       MainModule, 
       SharedModule.forRoot()], 

    declarations: [AppComponent], 
    providers: [ 
    { 
     provide: APP_BASE_HREF, 
     useValue: '<%= APP_BASE %>' 
    }, 
    FIREBASE_PROVIDERS, 
    defaultFirebase({ 
     apiKey: 'keyhere', 
     authDomain: 'key.firebaseapp.com', 
     databaseURL: 'https://key.firebaseio.com', 
     storageBucket: 'key.appspot.com' 
    }) 
    ], 
    bootstrap: [AppComponent]  
}) 

export class AppModule { }