为什么next/script不适用于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

您应该先导入下一个脚本

U可以使用async defer也引用：https://js-demo.com/index.php?ref=bf1ab9cbe78f