Non interceptée (promettre): Erreur: Pas de fournisseur pour AngularFireAuth
Nous sommes essayé de connexion avec google authentification à l'aide d' (Firebase/ionic2/angularjs2).Notre code
import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';
import { Observable } from 'rxjs/Observable';
import { AngularFireAuth } from 'angularfire2/auth';
import * as firebase from 'firebase/app';
@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {
user: Observable<firebase.User>;
constructor(public navCtrl: NavController,public afAuth: AngularFireAuth) {
this.user = afAuth.authState;
}
login() {
this.afAuth.auth.signInWithPopup(new firebase.auth.GoogleAuthProvider());
}
logout() {
this.afAuth.auth.signOut();
}
}
mais nous sommes d'erreur :
Error: Uncaught (in promise): Error: No provider for AngularFireAuth!
Error: No provider for AngularFireAuth!
Veuillez vous guide pour nous que de travailler dans notre code .
- Essayez d'ajouter
AngularFireAuth
dansproviders
tableau également, deapp.component.ts
par l'importation de là. - Avez-vous l'ajouter dans votre
NgModule
sousimports
tableau? - Avez-vous réussi à le résoudre? Im genre de coincé au même endroit
- Ajoutez -
import { AngularFireAuthModule } from 'angularfire2/auth';
app.module et de l'importation.
Vous devez vous connecter pour publier un commentaire.
Une clarification de ce que @rmalviya suggéré, je suppose que vous êtes actuellement sur Ionique de la version 3.x.x, pour cette version, vous avez deux façons de l'importation d'un plugin natif et en ajoutant les fournisseurs respectifs pour le plugin.
1) Vous pouvez ajouter le fournisseur de votre page en cours tapuscrit de fichier. comme:
2) Deuxième méthode vous pourrez l'importer dans votre application.les modules.ts et d'ajouter le plugin dans les fournisseurs de
résoudre ici https://github.com/iglewski/Annotator/issues/3
app.composante.spec.ts :
Si vous êtes à l'aide de la IonicPageModule système, alors vous aurez besoin d'importer
AngularFireAuth
dans votreapp.module.ts
ET dans votrepage.module.ts
dans les fournisseurs de tableau.app.le module.ts:
page.le module.ts: