使用 GoogleAuthProvider() 方法时面临的问题

Question

如何在 Angular 应用中使用GoogleAuthProvider() 方法在登录方法中进行身份验证？

     Angular version: ^12.2.7 
    "@angular/fire": "^7.0.4", 
    "firebase": "^9.1.0",

import { Injectable } from '@angular/core';
import { AngularFireAuth } from '@angular/fire/compat/auth';
// import { AngularFireAuth } from '@angular/fire/auth';
import { AngularFirestore } from '@angular/fire/compat/firestore';
import { ActivatedRoute, Router } from '@angular/router';
import { Observable, of } from 'rxjs';
import { switchMap } from 'rxjs/operators';
import { AppUser } from '../models/appuser';
import * as firebase from 'firebase/compat/app';
import { GoogleAuthProvider } from "firebase/auth";

我在以下位置遇到错误：

firebase.GoogleAuthProvider(). async login() { const returnUrl = this.route.snapshot.queryParamMap.get('returnUrl') || this.router.url; 
localStorage.setItem('returnUrl', returnUrl); 
const credential = await this.afAuth.signInWithPopup(new firebase.GoogleAuthProvider()); 
return this.updateUserData(credential.user); }

Answer 1

您可以尝试像这样导入 GoogleAuthProvider：

import { GoogleAuthProvider } from "firebase/auth"

// ...signInWithPopUp(new GoogleAuthProvider())

如果您想使用 firebase.auth 命名空间，那么您可能必须将 Firebase 降级到 "8.X.X" 或使用兼容版本进行导入：

// Add compat if using V9

import firebase from "firebase/compat/app"; 
import "firebase/compat/auth"