Sitio web de ChatGPT en blanco: 8 soluciones

SOLUCIÓN 1 DE 8

Falta index.html o tiene otro nombre

Symptom

Tu sitio muestra un listado de archivos en lugar de una página web, o devuelve un error 404 Not Found.

Comprobación de 10 segundos

Abre el ZIP o la carpeta que subiste. ¿Hay un archivo llamado exactamente index.html en el nivel superior, no dentro de una subcarpeta ni con un nombre como home.html?

Fix

Cambia el nombre de tu archivo HTML principal a index.html. Si ChatGPT le dio otro nombre, cámbialo antes de subirlo. Si el archivo está dentro de una subcarpeta, muévelo a la raíz de tu subida.

Cómo te avisa Upfling

Upfling lo detecta durante la subida. Si no encuentra un index.html, el proceso de subida te pide que elijas una página de inicio entre los archivos que subiste. Si te saltas ese paso, los visitantes ven un listado de archivos en lugar de tu página.

my-site.upfling.site

images/

📄 index.html📄 styles.css📄 app.js

Sin un index.html, los visitantes ven un listado de archivos sin formato.

SOLUCIÓN 2 DE 8

Rutas absolutas en lugar de rutas relativas

Symptom

La página HTML carga, pero aparece sin estilos: sin CSS, sin imágenes y posiblemente en blanco por completo si todo el contenido se carga con JavaScript.

Comprobación de 10 segundos

Abre tu archivo HTML en un editor de texto y busca href="/ o src="/. Cualquier ruta que empiece con una barra es una ruta absoluta.

Fix

Quita la barra inicial de cada ruta de recurso. Cambia href="/styles.css" por href="styles.css". Haz lo mismo con los archivos JavaScript, las imágenes y las fuentes.

Cómo te avisa Upfling

Upfling no avisa de esto durante la subida, porque el HTML es válido y los archivos referenciados existen. El problema solo aparece cuando se sirve el sitio, porque los archivos de cada sitio alojado están bajo un prefijo de ruta en el servidor de almacenamiento.

my-site.upfling.site

Mi sitio web

Te doy la bienvenida a mi página

Haz clic aquí

El HTML cargó, pero las rutas absolutas bloquearon todas las hojas de estilo y los scripts.

Copia esto en ChatGPT

Pega este prompt para obtener HTML corregido para tu sitio.

Necesito que corrijas el HTML de mi sitio web para que funcione al subirlo a un alojamiento estático. Sigue estas reglas: 1. Usa rutas relativas para todos los recursos (styles.css, no /styles.css) 2. NO uses URLs file:/// ni rutas absolutas 3. Pon todo en un único archivo index.html con CSS y JS en línea 4. NO envuelvas la respuesta en delimitadores de código de Markdown (nada de ```html) 5. Asegúrate de que cada src de imagen, fuente o script apunte a un archivo real 6. Usa solo HTML, CSS y JavaScript estándar: nada de JSX, nada de imports, sin paso de compilación Vuelve a generar mi sitio web siguiendo estas reglas.

¿Ya corregiste tus archivos? Publícalos ahora.

Gratis, sin necesidad de cuenta

Las soluciones de la 2 a la 6 son problemas de rutas. Si le pides a ChatGPT que vuelva a generar tu sitio con rutas relativas y un único index.html, la mayoría desaparecen de una vez.

SOLUCIÓN 3 DE 8

URLs file:/// que deja ChatGPT

Symptom

Las imágenes, hojas de estilo o scripts no cargan. La consola del navegador puede mostrar solicitudes fallidas a direcciones file:///Users/... o file:///C:/...

Comprobación de 10 segundos

Busca file:// en tu archivo HTML. A veces ChatGPT incluye rutas del sistema de archivos local de su entorno aislado.

Fix

Reemplaza cada URL file:/// por una ruta relativa que apunte al archivo que subiste. Por ejemplo, cambia src="file:///Users/sandbox/image.png" por src="image.png".

Cómo te avisa Upfling

Upfling no marca las URLs file:/// durante la subida. Técnicamente el HTML es válido; el navegador simplemente no puede acceder al sistema de archivos local de otro equipo.

SOLUCIÓN 4 DE 8

Referencias a archivos que no se subieron

Symptom

La página está completamente en blanco (si falta un archivo JavaScript necesario), muestra iconos de imagen rota o le faltan estilos, aunque el archivo HTML carga bien.

Comprobación de 10 segundos

Abre las herramientas para desarrolladores de tu navegador (F12) y revisa la pestaña Consola o Red en busca de errores 404 en archivos .js, .css o de imagen.

Fix

Asegúrate de que cada archivo al que hace referencia tu HTML esté incluido en tu subida. Si ChatGPT generó archivos HTML, CSS y JS por separado, descárgalos y súbelos todos juntos.

Cómo te avisa Upfling

La página HTML carga y solo los recursos que faltan devuelven 404. Por ahora, Upfling no te avisa cuando tu HTML hace referencia a archivos que no están en tu subida.

SOLUCIÓN 5 DE 8

Rutas de archivo que distinguen mayúsculas y minúsculas

Symptom

Una imagen o un archivo no carga aunque lo veas en la lista de archivos subidos.

Comprobación de 10 segundos

Compara el nombre de archivo en tu HTML con el nombre real del archivo subido. src="logo.png" no carga un archivo llamado Logo.PNG: las mayúsculas y minúsculas deben coincidir.

Fix

Haz que la ruta en tu HTML coincida exactamente con el nombre del archivo subido, incluidas las mayúsculas y minúsculas. Lo más sencillo es poner todos los nombres en minúsculas.

Cómo te avisa Upfling

Upfling guarda los archivos en Cloudflare R2, donde las rutas distinguen mayúsculas y minúsculas. No aparece ningún mensaje de error: el archivo que no coincide simplemente devuelve un 404.

SOLUCIÓN 6 DE 8

Contenido mixto: http:// en un sitio https://

Symptom

Algunos recursos no cargan y no se muestra ningún error. La consola del navegador muestra advertencias sobre contenido mixto bloqueado.

Comprobación de 10 segundos

Busca http:// (no https://) en tu HTML. Los navegadores bloquean los recursos inseguros que se cargan en una página segura.

Fix

Cambia las URLs http:// por https://, o usa rutas relativas para que el protocolo se herede automáticamente.

Cómo te avisa Upfling

Todos los sitios de Upfling se sirven por HTTPS en *.upfling.site. No hay ningún aviso durante la subida para los enlaces http:// de tu HTML.

SOLUCIÓN 7 DE 8

Subir el código fuente en lugar del sitio compilado

Symptom

Tu subida se rechaza o el sitio publicado muestra código sin procesar: etiquetas JSX, sentencias import o una página en blanco sin nada visible.

Comprobación de 10 segundos

Revisa los archivos que subiste. Si ves archivos .jsx, .tsx o .ts, un package.json o una carpeta node_modules, tienes código fuente que necesita un paso de compilación.

Fix

Ejecuta el comando de compilación del proyecto (normalmente npm run build) y sube solo la carpeta de salida, que suele ser dist/ o build/. O pídele a ChatGPT que te dé un único archivo HTML autocontenido.

Cómo te avisa Upfling

Si comprimes en un ZIP un proyecto con node_modules y lo subes, Upfling muestra este mensaje:

UPFLING · COMPROBACIÓN DE SUBIDA

No pudimos leer ese ZIP. Puede que esté dañado o protegido con contraseña. Vuelve a exportarlo o suelta los archivos directamente.

Copia esto en ChatGPT

Pega este prompt para obtener HTML corregido para tu sitio.

Si tu archivo es un único componente de React (.jsx o .tsx), el Artifact Converter puede convertirlo en una página HTML autocontenida sin ningún paso de compilación.

SOLUCIÓN 8 DE 8

Delimitadores de Markdown en el archivo HTML

Symptom

La página muestra ```html arriba y ``` abajo, o toda la página aparece como texto plano sin formato.

Comprobación de 10 segundos

Abre el archivo HTML en un editor de texto. Si la primera línea es ```html y la última es ```, los delimitadores de código de Markdown siguen en el archivo.

Fix

Elimina las líneas ``` del principio y del final del archivo. El contenido entre ellas es tu HTML real.

Cómo te avisa Upfling

Upfling no detecta los delimitadores de Markdown, porque el archivo es texto válido. El navegador muestra las líneas con comillas invertidas como texto visible en lugar de reconocerlas como formato de código.

my-site.upfling.site

```html

<!DOCTYPE html>

<html>

<head>...

```

Los delimitadores de Markdown aparecen como texto visible en lugar de interpretarse.

¿Quieres revisar tus archivos automáticamente? Suéltalos en el Site Doctor y obtén una lista de hallazgos antes de subirlos.

¿Ya corregiste tus archivos? Publícalos ahora.

Gratis, sin necesidad de cuenta

¿Todavía tienes problemas? Escribe a soporte con tu URL.

Guy

Fundador de Upfling

Ingeniero full-stack que creó Upfling para que cualquiera pueda poner en línea un sitio generado con IA sin aprender Git, CI ni alojamiento en la nube.

Más sobre el equipo

Sigue leyendo

Explainer

What Is a Static Website?

The short explainer - what static means, why it's fast, and how to host one.

Guide · Explainer · 7 min read

Solución de problemas

Aloja un sitio web de ChatGPT

Sube el HTML de ChatGPT y obtén una URL en línea en segundos.

Caso de uso · 3 min de lectura

Solución de problemas

Aloja un artefacto de Claude