angular2seedでfirebaseを実装する方法

Question

からangular2seed-advancedを使用しています。

私は自分のアプリとfirebaseを統合する必要があります。そのために私はこのdocumentationに従いましたが、残念ながら私は統合できず、いくつかのエラーがありました。

ここでファイルを添付します。

main.web.ts

import { enableProdMode } from '@angular/core'; 

import { platformBrowserDynamic } from '@angular/platform-browser-dynamic'; 

// platfrom module 
import { WebModule } from './web.module'; 
import { Config, DatabaseService } from './app/frameworks/core/index'; 
import { FIREBASE } from './app/frameworks/demoapp/index'; 
Config.PLATFORM_TARGET = Config.PLATFORMS.WEB; 
Config.DEBUG.LEVEL_4 = true; 

// app 
import { WindowService, ConsoleService } from './app/frameworks/core/index'; 
import { CoreModule } from './app/frameworks/core/core.module'; 
import { ANALYTICS_PROVIDERS } from './app/frameworks/analytics/index'; 
import { MultilingualService } from './app/frameworks/i18n/index'; 
import { AppConfig } from './app/frameworks/sample/services/app-config'; 
import { SampleModule } from './app/frameworks/sample/sample.module'; 
import { AppComponent } from './app/components/app.component'; 

MultilingualService.SUPPORTED_LANGUAGES = AppConfig.SUPPORTED_LANGUAGES; 

declare var require: any 
var firebase = require("firebase/app"); 
require("firebase/auth"); 
require("firebase/database"); 


if (String('<%= ENV %>') === 'prod' || String('<%= TARGET_DESKTOP_BUILD %>') === 'true') { 
enableProdMode(); 
} 

let BOOTSTRAP_PROVIDERS: any[] = [ 
DatabaseService, 
provide(FIREBASE, { useValue: firebase })=======> Error cannot find module provide 

]; 

platformBrowserDynamic().bootstrapModule(WebModule, BOOTSTRAP_PROVIDERS); 

login.component.ts

import { BaseComponent } from '../../frameworks/core/index'; 
import { DatabaseService } from '../../frameworks/demoapp/services/database.service'; 
import { Component } from '@angular/core'; 

@Component({ 

selector: 'demo-login', 
templateUrl: 'path', 
styleUrls: ['path'] 
}) 
export class LoginComponent { 
constructor(private databaseService: DatabaseService) { 

} 
login() { 
this.databaseService.authenticate(); =====> Edited 
} 
} 

database.service.ts

import { Injectable, Inject, NgZone } from '@angular/core'; 
import { FIREBASE } from '../../demoapp/index'; 

@Injectable() 
export class DatabaseService { 
private database: any; 
private onSync: Function; 
private userID: string; 
constructor(@Inject(FIREBASE) firebase: any, private ngZone: NgZone)  
{ 
console.log('Constructing DatabaseService'); 
// Initialize Firebase 
var config = { 
    // your web config from Firebase console 
}; 
firebase.initializeApp(config); 
this.database = firebase.database(); 
} 

public authenticate() { 
         ======>Edited 
}; 
} 

コンストラクタ内のデータベース・サービスを与えながら私は私のアプリを読み込めませんでしたエラーが発生しました

"Token firebaseのプロバイダがありません！"

どうすればこの問題を解決できますか。

Answer 1

provide(FIREBASE, { useValue: firebase })=======> Error cannot find module provide 

は、この構文はかなりの時間前に変更

{ provide: FIREBASE, useValue: firebase } 

でなければなりません。

Answer 2

あなたはgithub.com/jlooper/PocketRaveを見てみる場合は、この種子をあなたの迅速な応答を