Despliegue de Lovable · revisado el 25 de septiembre de 2026
¿Tu app de Lovable muestra 404 en Vercel? Comprueba primero el proyecto
La solución depende de si tu app usa TanStack Start (la configuración actual) o una SPA antigua de Vite. Comprueba sus archivos de paquetes antes de cambiar las rutas de Vercel.
Comprueba la versión del framework de Lovable
La documentación de Vercel, actualizada el 22 de septiembre de 2026, indica que la detección automática requiere @lovable.dev/vite-tanstack-config en versión 2.6.2 o posterior. Este requisito corresponde a la detección sin configuración manual; una versión anterior no demuestra por sí sola que la app no pueda desplegarse con otra configuración.
Para saber la versión resuelta, cópiala de package-lock.json o escribe la versión exacta del archivo de bloqueo.
La comprobación se ejecuta en tu navegador. No se sube ni se guarda nada. Pega solo los datos de paquetes; nunca claves ni valores de entorno.
Comprobación local
¿Tu proyecto Lovable encaja con la detección automática de Vercel?
Comprueba la versión declarada o resuelta de @lovable.dev/vite-tanstack-config sin conectar cuentas.
Conecta Lovable con Vercel
- Conecta el proyecto de Lovable con GitHub y espera a que el repositorio muestre los últimos cambios.
- En Vercel, importa ese repositorio de GitHub. Vercel indica que detecta automáticamente la configuración compatible de TanStack Start.
- Cuando termine el primer despliegue, abre la dirección de producción y prueba la página principal y una ruta interna directamente.
- Si falla la compilación, busca el primer error concreto. Si compila pero la web muestra un error, revisa la versión desplegada y los registros de ejecución de Vercel antes de cambiar las rutas.
La integración de GitHub de Lovable sincroniza en ambas direcciones: los cambios de Lovable pasan al repositorio y los cambios de la rama activa vuelven a Lovable. Al conectar ese repositorio con Vercel, los nuevos commits pueden iniciar despliegues.
SPA antigua de Vite: funciona la portada, pero recargar una ruta da 404
La guía de Vite de Vercel indica que los enlaces internos necesitan una ruta alternativa cuando el proyecto es una aplicación de una sola página controlada por el navegador. Si ese es tu caso, crea vercel.json en la raíz del proyecto:
{
"$schema": "https://openapi.vercel.sh/vercel.json",
"rewrites": [
{ "source": "/(.*)", "destination": "/index.html" }
]
}Úsalo solo si es una SPA de Vite y el navegador gestiona sus rutas internas. Vercel documenta esta regla para las SPA de Vite; los proyectos actuales de Lovable usan TanStack Start y siguen la configuración de ese framework. Si también falla la dirección principal, revisa primero la carpeta raíz, la salida de compilación y la rama desplegada en Vercel.
Si Vercel no detecta el framework
- Confirma que el proyecto de Vercel usa el mismo repositorio y la misma rama que actualiza Lovable.
- Comprueba la dependencia en package.json y la versión resuelta en el archivo de bloqueo.
- Si la versión instalada es anterior a 2.6.2, actualiza la dependencia y sube tanto el manifiesto como el archivo de bloqueo.
- Compara cualquier configuración manual de Nitro o Vite con la documentación actual. No copies una configuración escrita para otra generación del proyecto.
¿Ha fallado la compilación? Usa el comprobador de errores de despliegue. Para la guía en inglés, abre the Lovable to Vercel version checker.
¿Aún estás eligiendo proveedor? Consulta la comparativa de Vercel, Hostinger y DigitalOcean para Lovable.
Documentación oficial
Guía independiente. El requisito de versión se contrastó con la documentación de Vercel el 25 de septiembre de 2026. El comprobador no se conecta a Lovable, GitHub ni Vercel.