私はAngbase 2アプリケーションにFirebaseを統合しようとしていますが、このエラーは継続しています。Firebase is not a constructor
。以下は、私がやったことです:index.htmlの中でスクリプトを参照しFirebaseはコンストラクタではありません
- インストールfirebase使用亭
- 。
bootstrap()
- を通してそれを提供
- Firebaseサービス
- を作成firebase周囲タイピング
- をインストールし、それがコンポーネントに
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';
私はこの状況を解決するために何ができるか上の任意の提案大変感謝しています。
これは:(FirebaseService、{useValue:new FirebaseService()})がタイプミスであると仮定できますか?プロバイダを使用する必要があり、後で配列を取得するためです。プロバイダ:[FirebaseService] –
SystemJSの設定も可能ですか? Firebaseクラスをインポートする方法は?ありがとう! –
@ R.リチャードもそれを試しました。同じエラー。 – lbrahim