Angular集成Firebase Facebook登录遇域名错误求助

以下是针对Angular + Firebase环境下该错误的具体解决步骤：

• 更新Facebook开发者平台的应用域名

  1. 登录Facebook开发者后台，找到你的目标应用
  2. 进入「设置」→「基本」页面
  3. 在「应用域名」输入框中，添加你当前项目的运行域名：本地开发填localhost:4200，生产环境填你的正式域名（比如example.com）
  4. 滚动到页面底部点击「保存更改」

• 配置Facebook的OAuth重定向URI

  1. 在Facebook开发者后台，进入「产品」→「Facebook登录」→「设置」页面
  2. 在「有效的OAuth重定向URI」字段中，添加Firebase提供的回调地址。你可以从Firebase控制台的「认证」→「登录方法」→「Facebook」里找到这个地址（格式类似https://your-firebase-project-id.firebaseapp.com/__/auth/handler）
  3. 如果是本地开发，还要添加http://localhost:4200/__/auth/handler，完成后保存

• 核对Firebase的认证配置

  1. 登录Firebase控制台，进入你的项目
  2. 打开「认证」→「登录方法」，找到Facebook登录提供商
  3. 确认「授权的重定向URI」列表里包含你刚才在Facebook后台添加的地址，确保没有遗漏

• 检查Angular环境配置
  打开项目的environment.ts（开发环境）或environment.prod.ts（生产环境），确认firebase配置中的authDomain字段正确，比如本地开发是your-project-id.firebaseapp.com，生产环境要匹配你的自定义域名

• 测试前的准备
  修改完所有配置后，清除浏览器缓存，重启Angular开发服务器（执行ng serve），再尝试登录流程

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