作者:涉世未深的phper | 来源:互联网 | 2023-02-04 10:20
我们尝试使用google身份验证登录(Firebase/ionic2/angularjs2).我们的代码
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;
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();
}
}
但我们收到错误:
Error: Uncaught (in promise): Error: No provider for AngularFireAuth!
Error: No provider for AngularFireAuth!
请指导我们在代码中使用的内容.
1> 小智..:
澄清@rmalviya建议的内容,我假设您目前使用的是Ionic版本3.xx,对于此版本,您有两种方法可以导入本机插件并为插件添加相应的提供程序.
1)您可以在当前页面打字稿文件中添加提供程序.像这样:
import { AngularFireAuth } from 'angularfire2/auth';
...
@Component({
selector: 'page-home',
templateUrl: 'home.html',
providers: [AngularFireAuth]
})
2)您可以在app.modules.ts中导入它的第二种方法,并将插件添加到提供程序中
import { AngularFireAuth } from 'angularfire2/auth';
...
providers: [
StatusBar,
SplashScreen,
{provide: ErrorHandler, useClass: IonicErrorHandler},
AngularFireAuth
]