You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

安装react-google-login(--legacy-peer-deps)后使用GoogleLogin组件遇错求助

解决react-google-login的clientId缺失错误
  • 先检查props名称大小写:你传入的是clientID,但组件要求的是小写d的clientId,把参数名改成clientId再试。
  • 确认clientId有效性:确保你用的是从Google Cloud控制台生成的有效OAuth 2.0客户端ID,没有拼写错误或多余空格。
  • 版本兼容排查:因为你用了--legacy-peer-deps安装,可能存在版本不兼容问题,可尝试安装稳定版本:
    npm install react-google-login@5.2.2 --legacy-peer-deps
    
  • 替代方案:react-google-login已停止维护,官方推荐使用@react-oauth/google,适配新版React且使用更简洁:
    npm install @react-oauth/google
    
    基础使用示例:
    import { GoogleLogin } from '@react-oauth/google';
    
    <GoogleLogin
      clientId="你的客户端ID"
      onSuccess={response => console.log(response)}
      onError={() => console.log('登录失败')}
    />
    

内容的提问来源于stack exchange,提问作者Dilshod Akhmedov

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.06.26 09:25:58