在 Angular 中使用 Google One Tap

问题描述

我想在我的 Angular 11 应用中使用 Google One Tap。在 documentation 之后，我将 <script async defer src="https://accounts.google.com/gsi/client"></script> 添加到我的 html，然后在我的 app.component.html 中使用以下代码：

<div id="g_id_onload"
    data-client_id="MY_GOOGLE_CLIENT_ID"
    data-callback="handleCredentialResponse",data-cancel_on_tap_outside="false">
</div>

弹出窗口工作正常，但我似乎无法登录。如果我在 handleCredentialResponse 中创建函数 app.component.ts，我收到以下错误：[GSI_LOGGER]: The value of 'callback' is not a function. Configuration ignored.

如果我尝试使用 JavaScript API，Typescript 会抛出以下错误：Property 'accounts' does not exist on type 'typeof google'

我应该怎么做才能在 Angular 中使用 Google One Tap？

解决方法

我知道我玩游戏有点晚了，但您仍然可以follow this blog。我认为它有效。谢谢。