当试图登录到Google/Facebook时，防火墙错误“auth/ when error”

Question

下面是相关代码。当调用方法auth/argument-error时，将引发错误signInWithPopup：

import { AngularFireAuth } from "@angular/fire/compat/auth";
import firebase from "firebase/compat/app";
import "firebase/compat/auth";

constructor(
    private afAuth: AngularFireAuth,
  ) { }

async socialSignIn(providerName: "google" | "facebook") {
    const authProvider =
      providerName === "google"
        ? new firebase.auth.GoogleAuthProvider()
        : new firebase.auth.FacebookAuthProvider();
    return this.afAuth.signInWithPopup(authProvider);
  }

相关的附属关系：

"firebase": "9.6.9",
"@angular/fire": "7.3.0",

我用的是角13，知道为什么会这样吗？这个错误不是很有用。

Answer 1

恢复到@angular/fire@7.2.1已经阻止了这个错误发生在我的角度13，firebase 9.8.1

Answer 2

似乎有些引用发生了变化，您可以导入类并实例化，而不是使用firebase引用。

import { FacebookAuthProvider, GoogleAuthProvider } from '@angular/fire/auth';

new GoogleAuthProvider()