FirebaseListObservableおよびAngularfireには、Ionic 2アプリがhome.tsの両方のファイルをインポートするときに、エクスポートされたメンバー "angularfire2"がありません。
私のCordovaとionicバージョンはCordovaバージョン6.5.0 Ionicバージョン2.2.3 Nodeバージョン6.10.2タイピングバージョン2.1.1 TypeScriptバージョン2.3.2
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import {AngularFire, FirebaseListObservable} from 'angularfire2';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
constructor(public navCtrl: NavController, af:AngularFire ) {
}
}
解決策は、単にこの行を変更することです
import {AngularFire, FirebaseListObservable} from 'angularfire2';
に
import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database";
AngularFire 2.0.4以降では、FirebaseListObservable
とFirebaseObjectObservable
はAngularFireList
とAngularFireObject
と呼ばれるようになりました。
例:
import { AngularFireDatabase, AngularFireObject } from 'angularfire2/database';
Ashish Jha、あなたは正しい、新しいアップデートはAngularFirestoreを使用し、FirebaseListObservableの代わりにシンプルなObservableを使用するので、FirebaseListObservableをインポートできず、Push()を実行するのに苦労していました。変化
import {AngularFire, FirebaseListObservable} from 'angularfire2';
に
import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";
私のためにうまくいきました、ありがとう!
私のために働いた解決策は、この行を変更することでした
import {AngularFire, FirebaseListObservable} from 'angularfire2';
に
import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";
詳細についてはこちらをご覧ください https://github.com/angular/angularfire2/blob/master/CHANGELOG.md
それを次のように変更すると解決しました:
import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
FirebaseListObservable
はAngularFireList
に変更されました。
これを使用してインポートするだけです
import { AngularFireList } from 'angularfire2/database';
移行ドキュメントを確認してください こちら