WebpackとTypeScriptでFirebaseを使用する

Question

Firebaseインスタンスからデータを取り込もうとしていますが、変数にバインドしようとすると問題が発生しています。私はTypeScriptとWebpackを使ってビルドしています。

main.ts

import * as Firebase from 'firebase'; 

class filter { 
    constructor(){ 
     let ref = new Firebase('my-url-here'); 
    } 
} 

タイピングとNPMモジュールがインストールされていると作業、およびVisualコードは、エラーが表示されますないが、私はブラウザを打つとき、私は得る：

ERRORを

TypeError: Firebase is not a constructor 

..

コンソールにログするauth,app、databaseのような方法でオブジェクトを返しますが、これらのどれもうまく動作していない（または間違って呼び出しています）。何か案は？

FirepackをWebpack/TypeScriptに組み込む方法に関する一般的なベストプラクティスは、まあまあです。

Answer 1

私のプロジェクトでは、同じエラーが発生しました。これは、webpackによって取得されたと思われるファイルfirebase.jsonによって引き起こされました。

私はそれが起こった理由を推測することができます：WebpackはFirebase自体のコンストラクタを置き換えたシンボル "Firebase"を作成します。

firebase initさんのディレクトリに行ったことはありますか？

も参照してください：私は期待通りに働いていた設定とアプリケーションを初期化するとhttps://github.com/angular/angularfire2/issues/187