Angularfire 和 FirebaseListObservable 没有使用 ionic 2 app 的导出成员 angularfire2

Question

当我创建 Ionic 2 应用程序时，FirebaseListObservable 和 Angularfire 没有导出成员 "angularfire2" 在 home.ts

中导入这两个文件

我的 Cordova 和 ionic 版本是科尔多瓦版本 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

Ashish Jha，您是对的，因为新更新使用 AngularFirestore 并且它使用简单的 Observable 而不是 FirebaseListObservable 我无法导入 FirebaseListObservable 并且正在努力执行 push()。改变

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';

Answer 5

将其更改为以下内容为我解决了问题：

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

Answer 6

FirebaseListObservable 已更改为 AngularFireList.

只需使用它来导入

import { AngularFireList } from 'angularfire2/database';

检查迁移文档 here

Angularfire 和 FirebaseListObservable 没有使用 ionic 2 app 的导出成员 angularfire2

Angularfire and FirebaseListObservable has no exported member angularfire2 using ionic 2 app

firebase

angularfire

ionic-framework