为什么 window.gapi.load() 在 Safari 上不起作用？

Question

我正在尝试通过 gapi 库在我的 React 项目中实现 Google 登录。

我将它部署在 Netify 上，它可以在 Chrome 上运行，但不能在 Safari 上运行。

在 Chrome 上：

在 Safari 上：

这里是源代码和演示网站。 Github

Demo website

如果能提供任何帮助，我将不胜感激。

Answer 1

更新：

它在 Safari 中不起作用的原因是因为我以错误的方式导入包。

我使用 index.html 中的以下代码行导入包。

<script src="https://apis.google.com/js/platform.js" async defer></script>

但应该是这样的：

<script src="https://apis.google.com/js/platform.js"></script>

我猜这是因为 React 组件被渲染而找不到 gapi 包的竞争条件。