反应：谷歌“一键”回调函数没有被调用

Question

<script src="https://accounts.google.com/gsi/client"></script>
...
declare var google: any;
...

  useEffect(() => {
    const handleCredentialResponse = (response: any) => {
      console.log(response);
    };
    const client_id = process.env.REACT_APP_GOOGLE_CLIENT_ID;
    const callback = handleCredentialResponse;
    const auto_select = true;
    google.accounts.id.initialize({ client_id, callback, auto_select });
    google.accounts.id.prompt((notification: any) => {
      console.log(notification);
    });
  }, []);

为什么handleCredentialResponse 根本不被调用？提示用户登录，他们点击继续，然后该函数永远不会被调用！呸！以上取自docs here和also here

notification 注销

nl {g: "display", h: true}
nl {g: "skipped", l: "issuing_failed"}

Answer 1

你在本地测试吗？正如提到的here，您需要将http://localhost 和http://localhost:port_number 添加到Authorized JavaScript origins 框中。