将授权的JavaScript来源添加到现有的google api OAuth客户端ID凭据似乎没有达到预期的效果

当我尝试在html页面上设置“授权/登录”按钮时，最初遇到以下错误。

idpiframe_initialization_failed”，详细信息：“该客户端的无效来源：“ MY DOMAIN”将该来源列入您的项目的客户端ID的白名单

在进入Google API开发者控制台以将相关域添加Authorized JavaScript origins到我现有的凭据后，我没有运气。

SO浏览各地后，我使出试图像答案建议只是从头开始创建新的凭证，包括在授权JavaScript源域在创建。这样做是可行的。

现在，我不明白为什么将授权来源添加到现有凭证中不起作用。应该有用吗？如果没有，我想知道为什么。但是，如果我只是偶然发现了错误的行为，那么这里的验证可能会有所帮助，因此我可以将错误报告给Google的云平台。

根据下面的屏幕截图：我的“ addHerokuAfter”凭据无效，但是“ whitelistfrombeginning”凭据有效。他们看起来一样。唯一的区别是，使用“ addHerokuAfter”凭证，我在创建授权原点后将其添加到其中。

这是我的凭据列表：

这就是无效凭证的外观。

这就是工作凭证的样子。