javascript - 为什么下一个/脚本不适用于 google recaptcha？

Question

我目前正在从 next js 版本 8 迁移到 11。我想为 next/script 使用这个惊人的 next js 功能。但是当我将它用于 google recaptcha 时，验证码不会为“react-recaptcha”加载:“^2.3.10”。我不得不回滚到使用以下代码:-

 <script
    rel="dns-prefetch"
    defer
    async
    importance="low"
    type="text/javascript"
    src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
  />

但是当我按如下方式使用 next/script 时，验证码没有加载:-

<Script
    strategy="beforeInteractive"
    src="https://www.google.com/recaptcha/api.js?onload=onloadCallback&render=explicit"
  ></Script>

我也在我的项目中使用 Moengage 和 razor pay 我没有检查它是否有 razor pay 但 Moengage 不适用于 next/script。
感谢您抽出宝贵时间提供任何帮助或建议。

Answer 1

你应该先导入下一个脚本
你也可以使用异步延迟引用:https://js-demo.com/index.php?ref=bf1ab9cbe78f