Firebaseはコンストラクタではありません

Question

私はAngbase 2アプリケーションにFirebaseを統合しようとしていますが、このエラーは継続しています。Firebase is not a constructor。以下は、私がやったことです：index.htmlの中でスクリプトを参照し

1. インストールfirebase使用亭
2. 。 bootstrap()
3. を通してそれを提供
4. Firebaseサービス
5. を作成firebase周囲タイピング
6. をインストールし、それがコンポーネントに

FirebaseService.ts

@Injectable() 
export class FirebaseService 
{ 
    dataRef: Firebase; 
    constructor() { 
     this.dataRef = new Firebase('https://boiling-inferno-1117.firebaseio.com/votes'); 
    } 
} 

boot.ts注射持っていた

bootstrap(App, [HTTP_PROVIDERS, 
    ROUTER_PROVIDERS, 
    IdentityService, 
    ApiService, 
    UrlService, 
    provide(FirebaseService, {useValue: new FirebaseService()}) 
]) 
.catch(err => console.error(err)); 

app.ts

@Component({ 
    selector: 'app', 
    templateUrl: 'app/app.html', 
    directives: [AuthRouterOutlet, ROUTER_DIRECTIVES] 
}) 
export class App {   
    constructor(private firebase:FirebaseService) 
    { 

    }   
} 

Systemjs設定：

System.config({ 
    defaultJSExtensions: true, 
    map: { 
     'jquery': 'vendors/js/jquery', 
     'firebase': 'vendors/js/firebase' 
    }, 
    packages: { 
     angular2: { defaultExtension: false }, 
     rxjs: { defaultExtension: false } 
    } 
}); 

と以下のようにFirebaseをインポートする：

import * as Firebase from 'firebase';

私はこの状況を解決するために何ができるか上の任意の提案大変感謝しています。

Answer 1

私はこの方法Firebaseを構成します。詳細についてはAngularfire2のドキュメントを参照してください

import * as Firebase from 'firebase'; 

：

• System.config({ 
      map: { 
      firebase: '/node_modules/firebase/lib/firebase-web.js', 
      (...) 
      }, 
      (...) 
  }); 
  

  とtypescriptファイルでこのようにそれをインポートしますhttps://github.com/angular/angularfire2