web-dev-qa-db-fra.com

Angularfire et FirebaseListObservable n'a aucun membre exporté angularfire2 utilisant l'application ionic 2

FirebaseListObservable et Angularfire n'ont aucun membre exporté "angularfire2" lorsque je crée Ionic 2 app importez les deux fichiers dans home.ts

Mon Cordova et ionic est la version Cordova 6.5.0 Ionic Version 2.2.3 Node version 6.10.2 version des typages) 2.1.1 TypeScript version 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 ) {
}
}
firebaseionic-frameworkangularfire
9
Aqib Ibrahim

La solution est de simplement changer cette ligne

import {AngularFire, FirebaseListObservable} from 'angularfire2';

à

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

* RÉFÉRENCE

9
Johann Sebastián Peña Bermudez

Depuis AngularFire 2.0.4 et supérieur, FirebaseListObservable et FirebaseObjectObservable sont désormais appelés AngularFireList et AngularFireObject.

Exemple:

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

Ashish Jha, vous avez raison, car la nouvelle mise à jour utilise AngularFirestore et utilise un simple Observable au lieu de FirebaseListObservable. Je n'ai pas pu importer FirebaseListObservable et j'avais du mal à faire un Push (). En changeant

import {AngularFire, FirebaseListObservable} from 'angularfire2';

à

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

a bien fonctionné pour moi, merci!

26
Alex Escalante

La solution qui a fonctionné pour moi a été de changer cette ligne

import {AngularFire, FirebaseListObservable} from 'angularfire2';

à

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

Vous pouvez en savoir plus à ce sujet ici https://github.com/angular/angularfire2/blob/master/CHANGELOG.md

9
thedreamsaver

Le changer comme suit l'a résolu pour moi:

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

FirebaseListObservable a été remplacé par AngularFireList.

utilisez-le simplement pour importer

import { AngularFireList } from 'angularfire2/database';

Vérifiez le document de migration ici

1
Nimezzz