Google Identity Services API requestAccessToken()弹窗异常触发popup_closed错误

• 检查浏览器弹窗拦截与隐私设置
  部分浏览器的弹窗拦截机制会在后台限制弹窗与父页面的通信，即使视觉上弹窗显示，JS层面仍会判定为"已关闭"。可以尝试：

  • 临时允许当前域名的弹窗权限
  • 使用无痕模式测试（排除浏览器扩展的干扰）

• 验证OAuth客户端ID的域名配置
  确保Google Cloud Console中：

  • 已授权的 JavaScript 来源完全匹配当前页面的域名（包含http/https协议，有端口的必须加上，比如https://hiddenurl.dev或http://localhost:3000）
  • 已授权的重定向 URI无需针对token模式额外配置，但要确保没有错误的重定向地址干扰
    注意：域名不能包含路径，比如不能填https://hiddenurl.dev/auth

• 排查页面安全策略限制
  页面的X-Frame-Options或Content Security Policy (CSP)可能阻止了Google授权弹窗与父页面的通信：

  • 确保CSP中允许accounts.google.com的frame加载，添加frame-src accounts.google.com;
  • 避免设置过于严格的X-Frame-Options: DENY，改为SAMEORIGIN或移除该头（如果业务允许）

• 核对token client配置参数

  • 确认initTokenClient中的client_id与Cloud Console生成的完全一致，无拼写错误
  • 先使用基础权限范围测试（比如email profile openid），排除自定义范围的权限问题
  • 检查callback函数的定义：确保函数已正确绑定上下文，避免因作用域问题导致无法执行（比如不要在未声明的情况下使用箭头函数）

• 测试浏览器兼容性与网络状态

  • 切换到Chrome、Edge等最新稳定版浏览器测试，排除旧浏览器的兼容bug
  • 打开开发者工具的Network面板，查看弹窗内的Google授权页面请求是否加载正常，无4xx/5xx错误

• 排查页面脚本冲突
  页面中的第三方脚本（如广告拦截、统计SDK）可能干扰GSI客户端的事件监听：

  • 临时移除其他非必要脚本，只保留GSI初始化和按钮点击逻辑，验证是否恢复正常

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