Angularfire и FirebaseListObservable не имеет экспортированного члена angularfire2 с помощью приложения ionic 2

FirebaseListObservable и Angularfire не имеет экспортированного члена "angularfire2", когда я создаю приложение Ionic 2, импортируйте оба файла в home.ТС

моя Кордова и ионная версия Cordova версии 6.5.0 Ионные Версия 2.2.3 Узел версия 6.10.2 typings версия 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 ) {
}
}

5 ответов


решение состоит в том, чтобы просто изменить эту строку

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

to

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

*REFRENCE


по состоянию на AngularFire 2.0.4 и выше FirebaseListObservable и FirebaseObjectObservable теперь называется AngularFireList и AngularFireObject.

пример:

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

Ashish Jha, вы правы, так как новое обновление использует AngularFirestore и использует простой наблюдаемый вместо FirebaseListObservable я не смог импортировать FirebaseListObservable и изо всех сил пытался сделать push(). Меняется

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

to

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

работал штрафа для меня, спасибо!


решение, которое сработало для меня, состояло в том, чтобы изменить эту строку

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

to

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

вы можете прочитать больше об этом здесь https://github.com/angular/angularfire2/blob/master/CHANGELOG.md


изменение его на следующее решило его для меня:

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