这个错误通常表示您未正确导入或初始化Firebase的auth
模块。以下是解决此问题的一些步骤:
npm install firebase @angular/fire
app.module.ts
或您要使用AngularFire的模块中导入AngularFireModule
和AngularFireAuthModule
:import { AngularFireModule } from '@angular/fire';
import { AngularFireAuthModule } from '@angular/fire/auth';
@NgModule({
imports: [
AngularFireModule.initializeApp(yourFirebaseConfig),
AngularFireAuthModule
],
// ...
})
export class AppModule { }
GoogleAuthProvider
之前正确导入它。在您的组件中,您可以这样导入它:import { AngularFireAuth } from '@angular/fire/auth';
import { GoogleAuthProvider } from 'firebase/auth';
@Component({
// ...
})
export class YourComponent {
constructor(private afAuth: AngularFireAuth) { }
signInWithGoogle() {
const provider = new GoogleAuthProvider();
this.afAuth.signInWithPopup(provider)
.then((result) => {
console.log(result);
})
.catch((error) => {
console.error(error);
});
}
}
确保您的代码中的AngularFireAuth
和GoogleAuthProvider
导入语句与上述示例一致。然后,您应该能够使用GoogleAuthProvider
而不再收到该错误。