我的同事创建了一个新的存储库,在他们的机器上加载Google JS API没有问题,但是当我尝试运行gapi.client.init
时,它返回以下错误。
{
"error" : "invalid_request",
"error_description" : "invalid login_hint."
}
当我查看网络上的请求时,它会发送一个值为 login_hint
的字符串作为查询字符串参数,但我的代码库中没有该字符串。
login_hint:AJDLj6...iriMjPL4JkmR_A
如果我从 Google API 控制台创建一组新的凭据并使用新的客户端 ID,它将按预期工作。但是,使用现有的凭据集会导致错误,而不会更改任何其他内容。
我的代码如下所示:
export class GoogleApiService {
CLIENT_ID: string = '<removed>.apps.googleusercontent.com';
DISCOVERY_DOCS = ['<removed>'];
SCOPES = '<removed>';
constructor() {
window['initGapi'] = (ev) => {
this.handleClientLoad();
};
this.loadScript();
}
loadScript() {
let script = document.createElement('script');
script.src = 'https://apis.google.com/js/api.js?onload=initGapi';
script.type = 'text/javascript';
document.getElementsByTagName('head')[0].appendChild(script);
}
handleClientLoad() {
gapi.load('client:auth2', this.initClient.bind(this));
}
initClient() {
gapi.client.init({
discoveryDocs: this.DISCOVERY_DOCS,
clientId: this.CLIENT_ID,
scope: this.SCOPES
}).then(() => {
console.log('loaded');
},
(err) => console.error(err));
}
}
我没有指定login_hint,那么为什么要在请求中将其发送给Google?为什么不正确,如何防止出现错误消息?
值得一提的是,我最终注销了我的 Google 帐户,单击了应用程序中的注册链接,然后在弹出窗口中登录了我的 Google 帐户,现在一切正常,我无法复制。不确定最初是什么原因造成的,但这是我的解决方案。
希望我的用户永远不会遇到这个问题。