Implementé una próxima aplicación alojada en Vercel con autenticación de Firebase que funciona para los usuarios. Pero misteriosamente, durante la fase "npm run build", aparece este error:

FirebaseError: Firebase: Error (auth/operation-not-supported-in-this-environment).

y

código: 'auth/operación-no-admitida-en-este-entorno', customData: {}

 const provider = new GoogleAuthProvider() const auth = getAuth() const handleLogin = () => { signInWithRedirect(auth, provider) .then((result) => { console.log('with redirect: ' + result) }) .catch((error) => { // Handle Errors here. console.log(error) }) } getRedirectResult(auth) .then((result) => { // This gives you a Google Access Token. You can use it to access Google APIs. const credential = GoogleAuthProvider.credentialFromResult(result) const token = credential.accessToken // The signed-in user info. const user = result.user console.log(user) }) .catch((error) => { // Handle Errors here. console.log(error) // ... })

Esta es la esencia del código de autenticación. Me apegué lo más que pude a los documentos de Firebase.

¿Hay algún motivo relacionado con next.js o la base de fuego de "Dominios autorizados" que requiera que se produzca este error de compilación/implementación?

Gracias por su consideración.

Versiones de información adicional:

Firebase: 9.8.4 Siguiente Js: 12.1.5

Así es como estoy inicializando la aplicación firebase.

 const initMyFirebase = () => { if (!getApps().length) { const app = initializeApp(firebaseConfig) // creating auth for authentication const auth = getAuth(app)

 const theme = extendTheme({ colors }) function MyApp({ Component, pageProps }) { initMyFirebase() return ( <ChakraProvider theme={theme}> {/*// <ChakraProvider>*/} <Component {...pageProps} /> </ChakraProvider> ) }