web-dev-qa-db-ja.com

AngularfireとFirebaseListObservableには、ionic 2アプリを使用してエクスポートされたメンバーanglefire2がありません

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 ) {
}
}
9
Aqib Ibrahim

解決策は、単にこの行を変更することです

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database"; 

* REFRENCE

AngularFire 2.0.4以降では、FirebaseListObservableFirebaseObjectObservableAngularFireListAngularFireObjectと呼ばれるようになりました。

例:

import { AngularFireDatabase, AngularFireObject } from 'angularfire2/database';
56
Mike Leonard

Ashish Jha、あなたは正しい、新しいアップデートはAngularFirestoreを使用し、FirebaseListObservableの代わりにシンプルなObservableを使用するので、FirebaseListObservableをインポートできず、Push()を実行するのに苦労していました。変化

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";

私のためにうまくいきました、ありがとう!

26
Alex Escalante

私のために働いた解決策は、この行を変更することでした

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

import { AngularFireDatabase, FirebaseListObservable } from "angularfire2/database-deprecated";

詳細についてはこちらをご覧ください https://github.com/angular/angularfire2/blob/master/CHANGELOG.md

9
thedreamsaver

それを次のように変更すると解決しました:

import { AngularFireDatabase, AngularFireList } from 'angularfire2/database';
1
Urban Weigl

FirebaseListObservableAngularFireListに変更されました。

これを使用してインポートするだけです

import { AngularFireList } from 'angularfire2/database';

移行ドキュメントを確認してください こちら

1
Nimezzz