[BUG] Aplicaciones de Firebase generadas por Google AI Studio se cuelgan en el navegador debido a errores en package.json e importación de módulos

Google AI Studio
,
1

Estoy experimentando un problema crítico al intentar ejecutar aplicaciones generadas por Google AI Studio (Firebase Studio) que incluyen integración con Firebase. La aplicación se cuelga a los pocos segundos de arrancar en la pestaña del navegador, mostrando el mensaje “Page Unresponsive”. Esto ocurre de forma consistente con todas las aplicaciones que genero que utilizan Firebase.

Pasos para reproducir:

  1. Acceder a Google AI Studio (o Firebase Studio si es el caso específico).
  2. Generar una nueva aplicación web que incluya integración con Firebase (ej. para autenticación).
  3. Intentar ejecutar la aplicación generada en el entorno de vista previa/ejecución de Google AI Studio.

Comportamiento esperado:

La aplicación debería inicializarse y ejecutarse correctamente dentro de la pestaña del navegador en Google AI Studio, permitiendo interactuar con la lógica de Firebase.

Comportamiento actual (observado):

  1. A los pocos segundos de cargar, la pestaña del navegador (Chrome) se cuelga, mostrando el mensaje “Page Unresponsive”.
  2. Las otras pestañas del navegador y el sistema operativo en general funcionan correctamente.
  3. Análisis con las Herramientas de Desarrollador de Chrome (F12) revela los siguientes errores críticos:
  • Errores en la Consola:
    • Múltiples entradas net::ERR_INSUFFICIENT_RESOURCES: Indican que el navegador se queda sin recursos para procesar solicitudes de red. Esto se observa al intentar cargar varios archivos index.d.ts de cdn.jsdelivr.net. (Ver image_bfbac4.png)
    • Uncaught TypeError: Failed to resolve module specifier "@firebase/app". Relative references must start with either "/" or "./" or "../".: Este error es la raíz del problema, indicando que el navegador no puede encontrar el módulo de Firebase esperado. (Ver image_c0aac6.jpg)
  • Errores en la Pestaña de Red:
    • Se observan más de 6000 solicitudes, muchas de ellas pendientes o fallando con el error ERR_INSUFFICIENT_RESOURCES.
    • Al intentar acceder directamente a una de las URLs de los archivos fallidos (ej. https://cdn.jsdelivr.net/npm/firebase@11.9.1/functions/dist/esm/api/index.d.ts), el servidor responde con “Couldn’t find the requested file”. Esto confirma que el archivo no existe en la CDN en esa ubicación para esa versión o ruta esperada. (Ver image_bfc267.png)
  • Uso de recursos: El Administrador de Tareas de Chrome muestra un bajo uso de CPU para la pestaña (1.0%), lo que sugiere un bloqueo en lugar de un procesamiento intensivo. El uso de memoria es de aproximadamente 328 MB. (Ver image_bfab64.png)
  • Mensajes de Firebase: Se observan mensajes como “Firebase initialized successfully.” seguido de “Auth Provider: User is signed out.”, lo que sugiere que la inicialización de Firebase ocurre, pero la autenticación o el acceso a módulos específicos falla posteriormente.

Causa raíz identificada:

He identificado que el package.json generado por Google AI Studio para estas aplicaciones de Firebase contiene dependencias incorrectas que impiden una instalación y resolución de módulos adecuada:

  • El package.json incluye líneas como: JSON"firebase/app": "latest", "firebase/auth": "latest", "firebase": "^11.9.1"
  • Las entradas "firebase/app": "latest" y "firebase/auth": "latest" son inválidas para la gestión de dependencias de npm/yarn y provocan fallos en la instalación.
  • Cuando se eliminan estas líneas incorrectas, dejando solo "firebase": "^11.9.1", la aplicación funciona perfectamente cuando se instala y se ejecuta localmente (usando npm install y npm run dev).

Conclusión:

El problema parece ser un “bug” en el proceso de generación de código de Google AI Studio que introduce entradas de dependencia incorrectas para Firebase en el package.json. Esto, a su vez, lleva a un fallo en la resolución de módulos de Firebase por parte del entorno de ejecución/bundling de AI Studio, agotando los recursos del navegador y causando el cuelgue.

Impacto:

Esta incompatibilidad impide el desarrollo y prueba efectivo de aplicaciones con integración Firebase generadas por Google AI Studio, lo cual es una limitación significativa dada la pertenencia de ambos productos a Google.

Capturas de pantalla adjuntas:

  • image_bf4daa.jpg / image_bfa7a2.jpg: Ventana “Page Unresponsive” en AI Studio.
  • image_bfab64.png: Administrador de Tareas de Chrome mostrando bajo uso de CPU.
  • image_bfbac4.png: Consola de DevTools con ERR_INSUFFICIENT_RESOURCES y Auth Provider: User is signed out..
  • image_bfc267.png: Navegador intentando acceder a un archivo .d.ts de Firebase directamente, resultando en “Couldn’t find the requested file”.
  • (Adjuntar también el package.json original generado y el package.json corregido si es posible).

Agradezco de antemano su atención a este problema crítico.

3

Hello,

For firebase related issues, you can raise your concern on firebase support.