在使用 Angular Firebase 实现 Google 认证时,可能会遇到导入 firebase/auth
模块时出现的问题。通常的解决方法如下:
在 Angular 项目中的 app.module.ts
中引入 Firebase:
import { AngularFireModule } from '@angular/fire';
import { AngularFireAuthModule } from '@angular/fire/auth';
@NgModule({
imports: [
AngularFireModule.initializeApp(environment.firebaseConfig),
AngularFireAuthModule,
// other modules...
],
// other configurations...
})
export class AppModule { }
import firebase from 'firebase/app';
import 'firebase/auth';
const googleAuthProvider = new firebase.auth.GoogleAuthProvider();
export default googleAuthProvider;
import { Injectable } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/auth';
import googleAuthProvider from './google-auth';
@Injectable({
providedIn: 'root'
})
export class AuthService {
constructor(private afAuth: AngularFireAuth) {}
googleLogin() {
return this.afAuth.signInWithPopup(googleAuthProvider);
}
}