使用@react-oauth/google注册失败：当前源未在Google OAuth客户端注册

这个报错的核心原因是当前项目运行的域名/端口未在Google Cloud控制台的OAuth客户端配置中被列为授权来源，按以下步骤修复：

• 登录Google Cloud控制台，找到对应项目的「OAuth 2.0客户端ID」配置页面
• 在「已授权的JavaScript来源」区域，添加你当前项目的完整访问地址：
  • 本地开发通常是http://localhost:3000（根据你实际端口调整）
  • 生产环境则添加线上域名，如https://your-production-site.com
  • 注意必须和实际访问地址完全一致，包括协议（http/https）、域名、端口
• 保存配置后，等待1-2分钟让配置生效，再重新测试注册流程

额外检查项：

• 确认代码中使用的客户端ID，和控制台配置的是同一个，避免混用不同环境的ID
• 如果是用IP地址访问项目，也要把对应IP（如http://192.168.x.x:3000）添加到授权来源里

相关截图 #

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