使用Firebase JavaScript SDK实现Facebook登录时出现弹窗错误

我在使用Firebase集成Facebook登录功能时遇到了弹窗错误（附错误弹窗截图）。

Firebase控制台中Facebook集成的配置截图如下（附多张配置截图）：

相关代码实现 #

import { initializeApp } from 'firebase/app';
import { getAuth } from "firebase/auth";
import { signInWithCredential } from "firebase/auth";
import { FacebookAuthProvider } from "firebase/auth";

firebaseConfig = {
  apiKey: "11111111111111111Eaxos-1111111Yck0olYoK0",
  authDomain: "myapp-123fb.firebaseapp.com",
  projectId: "myapp-123fb",
  storageBucket: "myapp-123fb.appspot.com",
  messagingSenderId: "1111111111110",
  appId: "1:11111111111:web:111111111f1e8974289764b"
};
/***** appID在Firebase控制台与Facebook开发者控制台中一致。 ****/
/***** projectId、authDomain和storageBucket的前缀与站点URL匹配 ****/

ngOnInit(): void {
  const app = initializeApp(this.firebaseConfig);
  this.auth = getAuth(app);
}

signinWithFacebook(){
  const provider = new FacebookAuthProvider();
  provider.addScope('user_birthday');
  signInWithPopup(this.auth, provider)
  .then((result) => {
    // 成功处理逻辑
  })
  .catch((error) => {
    // 错误处理逻辑
  });
}

Firebase发起的请求详情 #

https://myapp-123fb.firebaseapp.com/__/auth/handler
?apiKey=111111111111111axos-111YoK0111111
&appName=%5BDEFAULT%5D
&authType=signInViaPopup
&redirectUrl=http%3A%2F%2Flocalhost%3A4200%2F
&v=9.22.0
&eventId=3126001481
&providerId=facebook.com
&scopes=user_birthday

https://www.facebook.com/v8.0/dialog/oauth
?response_type=code%2Cgranted_scopes
&client_id=111111111111111168
&redirect_uri=https%3A%2F%2Fmyapp-123fb.firebaseapp.com%2F__%2Fauth%2Fhandler
&state=AMbdmDm_gxcwlIF91Ss7LDTV05kzzdhAf2KNeU_YQEpH8bmU3wh8CIx7aHjY2G6S6O3-ltY57m08J2ce3D2mcEsLOw6CVcUZP_8kQYaYG4EFkcYyKn6H-88Pg2mh49PUM0K_p4_WM4pdP1DE_HBH1z_w593p_Eb4WHrPDZBY-x7SiMl2nkjM3Fe0Yri3TmRdkqEXrKqOfRJ-z6z4wsRpjWjUr_20qf9ybjgvnJLqy5Sfv_Ze32ajWte3tDOGE_OgJT9ra25OrcOGFP9pI0efORoe0cYfZeP1dbgJHZ_d2bYZUmphcKJkoI2BseVDCIobiV1kYoownh2URp4Zbxg7wQ
&scope=public_profile%2Cemail%2Cuser_birthday
&context_uri=http%3A%2F%2Flocalhost%3A4200

注：第二个请求中的client_id与Facebook开发者控制台的App Id一致。

内容的提问来源于stack exchange，提问作者danilo