安装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/googleimport { GoogleLogin } from '@react-oauth/google'; <GoogleLogin clientId="你的客户端ID" onSuccess={response => console.log(response)} onError={() => console.log('登录失败')} />
内容的提问来源于stack exchange,提问作者Dilshod Akhmedov
相关产品推荐
相关产品推荐

