React Stytch 尚未加载

React Stytch has not been loaded

最近我开始在基于 React 的应用程序中实现 Stytch。实现非常简单并且向前推进。但是遇到了一个错误或错误,这对我来说是一个很大的障碍。

我尝试使用谷歌搜索来寻找解决方案,如果我什至找不到类似的解决方案以便我可以自己调试但不幸的是没有找到任何解决方案。如果 NPM 上提供的 Stytch GitHub 回购 link 也无效,那将是一个巨大的惊喜。

我面临的问题是:

Stytch has not been loaded.
Make sure the script tag exists in the document head:

<script src="https://js.stytch.com/stytch.js"></script>

If using Next.js be sure to load Stytch using the beforeInteractive strategy in pages/_app.jsx:

import Script from 'next/script';

<Script src="https://js.stytch.com/stytch.js" strategy="beforeInteractive" />

我在这里关注 Stytch 文档:https://stytch.com/docs/sdks/javascript-sdk/email-magic-links/methods

并在此处创建了一个示例应用程序:https://codesandbox.io/s/react-stytch-login-auth-xmf5r4

这里是 link 只需使用 npm 安装 @stytch/stytch-react

在代码框中,您可以通过依赖项选项卡添加。 只需确保在 public/index.html.

中包含 script 标签