2017-05-05 1 views
6

FirebaseListObservable et Angularfire n'a aucun membre exporté « de angularfire2 » quand je crée l'importation app ionique 2 les deux fichiers dans home.tsAngularfire et FirebaseListObservable n'a pas membre exporté angularfire2 à l'aide ionique 2 application

Mon Cordova et la version ionique est Version 6.5.0 Cordova Version 2.2.3 ionique noeud version 6.10.2 typages version 2.1.1 version dactylographiée 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) { 
} 
} 
+0

Quelle version de angularFire utilisez-vous? Si c'est 2.4+ vous avez probablement besoin d'ajuster votre code selon ce fil https://github.com/angular/angularfire2/blob/master/docs/version-4-upgrade.md –

+0

merci d'avoir fait pour importer AngularFireDatabase –

+0

Jetez un oeil sur ce https://stackoverflow.com/questions/43777706/angularfire2-index-has-no-exported-member-angularfire –

Répondre

6

La solution est de changer simplement cette ligne

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

à

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

*REFRENCE

+0

Pour des raisons de lisibilité, il peut être préférable d'utiliser un bloc de code. – lumio

+0

oui je l'ai fait avant votre réponse. BTW merci pour votre réponse –

+0

le lien de référence ne fonctionne pas. – Shardul

5

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

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

à

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

Vous pouvez en lire davantage ici https://github.com/angular/angularfire2/blob/master/CHANGELOG.md

+1

Il a résolu mon problème. Merci. –

20

Ashish Jha, vous avez raison, que la nouvelle mise à jour utilise AngularFirestore et il utilise un simple Observable au lieu de FirebaseListObservable je n'ai pas pu importer FirebaseListObservable et avait du mal à faire une poussée(). Changement

import {AngularFire, FirebaseListObservable} from 'angularfire2'; 

à

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

a bien fonctionné pour moi, merci!

+1

travaille pour moi aussi. Merci – reignsly

+1

travaille pour moi, merci beaucoup! –

28

A partir de AngularFire 2.0.4 et au-dessus FirebaseListObservable et FirebaseObjectObservable sont maintenant appelés AngularFireList et AngularFireObject.

Exemple:

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

merci c'est en fait plus utile que la bonne réponse choisie – JamesAnd

+1

très utile. ce sera plus upvote. – hkg328