Angular2 - '[object Object]' модуля 'AppModule'

Question

У меня возникла проблема с интеграцией angularfire2 в мое приложение. Я рассортировал большинство вопросов, но я уверен, что с этим будущим. Я не уверен, что такое ошибка, но я определил ее на следующий код.

Это работает:

//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 { } 

Но это дает мне ошибку ниже на начальной загрузки объекта:

(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

Its дает вам ошибку, потому что вы делаете это неправильный путь, а также Bootstrap документ не является обновляется для использования с модулями с последней угловой версией.

В Bootstrap документах вторых параметров являются поставщиками нашего углового применения так в угловой последней версию realesed мы объявляем все наши поставщик внутри @NgModule.providers, так что вы должны сделать следующее:

//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 { }