Angularfire和FirebaseListObservable具有不使用出口成员angularfire2离子2应用

Question

FirebaseListObservable和Angularfire没有出口成员“angularfire2”当我创造离子2应用程序导入这两个文件在home.ts

我的科尔多瓦和离子版本 科尔多瓦版本6.5.0 离子版本2.2.3 节点版本6.10.2 分型版本2.1.1 打字稿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) { 
} 
} 

Answer 1

的解决方案是简单地改变这一行

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

到

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

*REFRENCE

Answer 2

为我工作的解决方案是这一行

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

改变

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

你可以阅读更多关于它在这里https://github.com/angular/angularfire2/blob/master/CHANGELOG.md

Answer 3

阿希什桑杰·贾，你是对的，因为新的更新使用AngularFirestore，它使用一个简单的可观察的，而不是FirebaseListObservable我无法导入FirebaseListObservable，挣扎着做推（）。更改

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

到

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

为我工作很好，谢谢你！

Answer 4

从AngularFire 2.0.4及更高版本开始FirebaseListObservable和FirebaseObjectObservable现在称为AngularFireList和AngularFireObject。

例子：

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