角2とFirebase SDK

Question

私はAngular2 quickstartアプリをFirebaseで使用するようにしています（repository参照）。私はFirebaseの最新バージョンをインストールし、SystemJS（systemjs.config.jsを参照）を使用してfirebaseをロードしようとし、firebaseをインポートして、関数initializeApp（app.component.tsを参照）を使用してみました。しかし、私はブラウザのコンソールにエラーfirebase.initializeApp is not a functionを得ています。 SystemJSを正しく使用してfirebase.jsをロードしていますか？

注：エラーを複製するには、あなただけのnpm start続いnpm installを行うことができるはず。

Answer 1

1つの変更：

import * as firebase from 'firebase'; 

から

import {firebase} from 'firebase'; 

にはあなたの例は、firebase 3.6で動作させるには十分です。

しかし、私はそれが偶然働いていると思います。 firebase.jsは全くのモジュールのようには見えませんが、それはmodule.exportsを使用するか、またはdefineをamdのいない、それだけで次のプロパティを持つグローバル変数firebaseを作成します。おそらく

INTERNAL: Object 
Promise: Promise() 
SDK_VERSION: "3.6.4" 
User: (a, b, c) 
__esModule: true 
app: a(a) 
apps: (...) 
get apps:() 
auth: (c) 
database: (c) 
default: Object 
initializeApp: (a, c) 
messaging: (c) 
storage: (c) 
__proto__: Object 

、それはSystemJSがそれをラップすることができ__esModuleの存在です別のオブジェクトで - import * as firebase from 'firebase'の結果でデバッガを見ると、必要な実際のモジュールであるfirebaseという名前の単一のプロパティが含まれています。

興味深いことに、firebase.d.tsは

import {firebase} from 'firebase'; 

firebase.initializeApp(...); 

作品、一見equvalentが

import * as firebase from 'firebase'; 

firebase.firebase.initializeApp(...); 

です。TypeCheckないように書かれています。

Answer 2

この問題の回避策はhereであり、Firebase（3.6.7）とAngularFire2（2.0.0-beta.7）の最新バージョンで作業することができました。私はPlunkerでSystemJSを使うとどのように動作する

、私は、わかりませんが、それはこれを置き換える含まれます。これで

firebase: { 
    main: 'firebase.js' 
} 

：

firebase: { 
    defaultExtension: 'js', 
    main: './firebase-browser.js' 
} 

のpackagesプロパティに設定はSystem.configに渡されます。