这个错误通常表示您未正确导入或初始化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而不再收到该错误。