Según la documentación de firebase para usar re-CAPTCHA.
Creé un div dentro del formulario de registro.
<div id="recaptcha-container"></div>
y usé el código como se indica en la documentación:
import { getAuth, RecaptchaVerifier } from "https://www.gstatic.com/firebasejs/9.0.2/firebase-auth.js"; const auth = getAuth(); window.recaptchaVerifier = new RecaptchaVerifier('recaptcha-container', {}, auth); Pero cuando volví a cargar mi página sign-up.php , mi captcha no se mostró. Incluso yo no recibí ningún error en la consola.
¿Por qué no puedo ver el diseño de captcha?
Creo que deberías especificar el tamaño a normal, prueba esto:
import { getAuth, RecaptchaVerifier } from "https://www.gstatic.com/firebasejs/9.0.2/firebase-auth.js"; const auth = getAuth(); window.recaptchaVerifier = new RecaptchaVerifier('recaptcha-container', {'size': 'normal'}, auth);pasar la instancia de configuración de firebase en getAuth
const app = initializeApp(firebaseConfig); import { getAuth, RecaptchaVerifier } from "https://www.gstatic.com/firebasejs/9.1.1/firebase-auth.js"; const auth = getAuth(app); window.recaptchaVerifier = new RecaptchaVerifier('recaptcha-container', { 'size': 'normal' }, auth); recaptchaVerifier.render();para mí también es el mismo problema después de pasar este firbaseConfig en el instante en que muestra el widget reCAPTCHA y lo procesa