Saltar al contenido

Vista previa y terminal

Encuentra el punto de entrada de un proyecto, comprueba cambios y diagnostica un fallo de compilación.

Abrir Agent Studio
En esta página

Abre el punto de entrada adecuado

Para una página de HTML, selecciona index.html en el proyecto. Las rutas relativas de los recursos se resuelven con respecto a ese archivo. Si se carga el texto sin estilos, comprueba primero el nombre y la ubicación del CSS.

En un proyecto con dependencias, revisa package.json y el script previsto por ese proyecto. Una vista previa de desarrollo puede necesitar un proceso y un puerto. La ejecución en el sandbox y la publicación estática tienen requisitos distintos.

Lee la salida del entorno

Abre la terminal y comprueba el directorio de trabajo. Para un proyecto Node que declare el script build, este comando ejecuta su compilación.

Terminal
npm run build

Conserva la primera línea de error que mencione un archivo, una dependencia o un script. Si falta el script, consulta package.json antes de reintentar. Si falla un módulo, revisa el manifiesto y el archivo de bloqueo. Para recibir ayuda, comparte el error y el contexto mínimo, sin claves ni tokens.

Verifica la experiencia en la página

Una compilación correcta permite abrir el resultado. Prueba además los botones, los enlaces, el foco visible con teclado y una pantalla estrecha. Recarga una ruta interior cuando tu aplicación tenga navegación propia. Si la vista previa conserva una versión anterior, comprueba primero qué pestaña y entrada estás viendo.

Guarda los archivos del proyecto en Proyectos o descarga un ZIP cuando necesites conservar la sesión de trabajo. El disco del sandbox puede ser temporal.