Un sitio en Solta muestra una página en blanco
El sitio se publicó, el enlace abre, y no hay nada. Casi siempre el navegador rechazó algo o el código se detuvo, y el navegador dice cuál de las dos. Si es un archivo de React que sale en blanco en cualquier lugar fuera de Claude, no solo en Solta, empieza por por qué un artefacto de React de Claude se abre en blanco (en inglés).
Primero, mira la consola
Abre el sitio en su propia dirección (your-site.solta.site, no dentro de Solta) y luego la consola del navegador: clic derecho, Inspeccionar (Inspect) y luego Consola. O, en Chrome, ⌥⌘J en una Mac y Ctrl Shift J en las demás computadoras. Una línea roja ahí es el motivo, y suele decir algo parecido a una de las secciones de abajo.
Si hiciste el sitio con una IA, pega esa línea roja en la misma conversación. Es lo más útil que le puedes dar, y la corrección es entonces una nueva versión del mismo sitio.
El mensaje “Refused to load the script”
La página carga una biblioteca desde un servidor del que los sitios no pueden cargar scripts. Cada sitio tiene una Content Security Policy (política de seguridad de contenido) que le permite cargar scripts de sí mismo y de estos CDN públicos, los que usan las páginas escritas por IA:
esm.shcdnjs.cloudflare.comcdn.jsdelivr.netunpkg.comcdn.tailwindcss.comcode.jquery.com
Un <script src> de cualquier otro lugar se bloquea, y cuando ese script es el que dibuja la página, la página se queda vacía. Carga la misma biblioteca desde uno de esos CDN (casi todos los paquetes públicos están en jsDelivr o en cdnjs), o publica una carpeta con el archivo dentro y cárgalo con una ruta relativa.
Se detuvo al ejecutarse
Un error Uncaught significa que el código empezó y falló antes de dibujar nada. Un componente de React que Solta no puede preparar se rechaza al publicarlo, y se muestra el error. Uno que sí queda listo todavía puede fallar al ejecutarse: al leer algo que no existe, o al llamar a una función que la página nunca definió.
Un caso común en páginas escritas dentro de un chat: código que llama a funciones propias de la app de chat, que solo existen dentro de esa app. En Solta, un sitio llama a un modelo a través de su propia dirección, y guarda datos con el almacenamiento de Solta o con el del navegador.
No se encontró un import
Los paquetes que importa un componente de React los descarga de esm.sh el navegador del visitante. Un paquete que no está publicado en npm, la ruta a un archivo tuyo que no se subió con él (./utils en un único archivo pegado) o una red que bloquea esm.sh dejan la página sin nada que ejecutar. Más sobre los imports.
El build de una app en una carpeta
Una carpeta se sirve exactamente como está, desde la raíz de la dirección propia del sitio. Un build hecho para una subruta (/my-repo/assets/…, como suele serlo un build para GitHub Pages) pide archivos que no están ahí. Haz el build para la raíz (en Vite, base: "./" o "/") y sube lo que produjo el build, con index.html en el nivel superior, no el código fuente del proyecto.
Necesita un servidor
Una página que pide datos a localhost, a una dirección http:// simple o a una API que no deja que otras webs la llamen no recibe nada, y muchas páginas no dibujan nada hasta que llegan esos datos. Solta no ejecuta ningún código de servidor tuyo. Aquí está dónde queda ese límite.
Solo una parte está vacía
Un marco (frame) de otra web dentro de tu sitio se queda vacío mientras el resto funciona: un sitio puede mostrar en un marco sus propias páginas y los reproductores de YouTube, Vimeo, Google Maps, Spotify, SoundCloud y Loom, usando la dirección para insertar de cada uno (como youtube.com/embed/…). Para cualquier otra cosa, pon un enlace.
¿Sigue en blanco después de todo esto? Usa Reportar un problema en el menú del sitio: nos envía la versión que estás viendo, y la revisamos.