Почему next/скрипт не работает для Google recaptcha?

#javascript #reactjs #next.js #seo #pagespeed

Вопрос:

В настоящее время я в процессе перехода со следующей версии js 8 на 11. Я хочу использовать эту удивительную функцию next js для next/script. Но когда я использую его для 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=onloadCallbackamp;render=explicit"
  />
 

Но когда я использовал next/скрипт следующим образом, капча не загружалась:-

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

Я также использую Moengage и razor pay в своем проекте, я не проверял его на оплату за бритву, но Moengage не работает с next/script.

Любая помощь или предложение приветствуются, спасибо за ваше время.

Ответ №1:

Сначала вы должны импортировать следующий сценарий

вы также можете использовать асинхронную отсрочку. Ссылка: https://js-demo.com/index.php?ref=bf1ab9cbe78f

Комментарии:

1. Привет @Aab B да, я импортировал следующий сценарий с помощью сценария импорта из «next/script»;