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

【问题标题】：Why does next/script not work for google recaptcha?为什么下一个/脚本不适用于 google recaptcha？
【发布时间】：2021-10-20 21:28:39
【问题描述】：

我目前正在从下一个 js 版本 8 迁移到 11。我想将这个惊人的下一个 js 功能用于下一个/脚本。但是当我将它用于谷歌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"
  />

但是当我如下使用下一个/脚本时，验证码没有加载：-

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

我还在我的项目中使用 Moengage 和 razor pay 我还没有检查它的razor pay，但 Moengage 不适用于 next/script。

感谢您抽出宝贵时间提供任何帮助或建议。

【问题讨论】：

标签： javascript reactjs next.js seo pagespeed

【解决方案1】：

你应该先导入下一个脚本

你可以使用异步延迟也可以参考：https://js-demo.com/index.php?ref=bf1ab9cbe78f

【讨论】：

嗨 @Aab B 是的，我已经使用 import Script from 'next/script' 导入了下一个脚本；