Saltar al contenido
supastack
Explorar la documentación
WebNext.js

For AI agents: fetch the complete documentation index at /llms.txt, the full documentation corpus at /llms-full.txt, the agent skill at /skill.md, or this page as Markdown at /es/docs/web/troubleshooting.md (or send Accept: text/markdown).

Solución de problemas

Diagnostica los problemas de configuración en el límite que realmente falló.

Configuración y ajustes

Antes de cualquier paso, lea Antes de comenzar y Conceptos básicos del terminal. Estas instrucciones suponen que abrió el monorepo supastack completo en VS Code; su paquete raíz.json marca la raíz del repositorio. En los comandos pnpm, un paquete de espacio de trabajo es una aplicación o una carpeta de código compartido; En el producto, un espacio de trabajo es el contenedor de datos y el límite de seguridad de un equipo. corepack pnpm --filter ... selecciona un paquete del monorepo mientras los comandos se ejecutan desde su raíz. Si abrió solo una carpeta sincronizada para dispositivos móviles o de escritorio, no contiene el backend web, la configuración de Docker ni los scripts raíz: ejecute el backend desde este monorepo o un servidor alojado accesible y use los propios scripts de la carpeta de la plataforma. Una variable de entorno es una configuración con nombre almacenada en un archivo .env local o en su panel de hosting; reinicie la aplicación correspondiente después de cambiarla y mantenga los secretos del servidor fuera de los valores NEXT_PUBLIC_ y EXPO_PUBLIC_.

1. Copie la primera línea de error útil y el comando que la produjo; no pegue valores secretos.

2. Desde la raíz del repositorio, ejecute corepack pnpm --filter @supastack/web typecheck para errores de tipo web, o corepack pnpm test para la suite automatizada.

3. Para un problema del navegador, inicie Web con corepack pnpm --filter @supastack/web dev y reprodúzcalo en http://localhost:3000. Esperado: puede saber si el error está en la configuración, el código, la base de datos, el proveedor o el navegador antes de cambiar la configuración.

Lee el comando fallido y el primer error pertinente antes de cambiar la configuración. Determina si falló la instalación de dependencias, la compilación, la validación del entorno, el acceso a la base de datos, el despacho del proveedor o el comportamiento del navegador.

corepack pnpm --filter @supastack/web typecheck
corepack pnpm --filter @supastack/web build
corepack pnpm test

Comandos para copiar

Siga los comentarios para ver en qué carpeta se ejecuta un comando. Si dos terminales están etiquetados, abra dos ventanas de terminal y mantenga el primer comando ejecutándose mientras usa el segundo.

corepack pnpm --filter @supastack/web typecheck
corepack pnpm test

Errores de la primera ejecución, descifrados

La primera ejecución falla de un pequeño conjunto de formas. Relaciona la primera línea de error en rojo con una fila — los errores posteriores suelen ser consecuencias del primero, así que corrige el de arriba antes que cualquier otro.

SíntomaCausa probablePrimera corrección
«node, corepack o pnpm no se reconoce» / command not foundLa herramienta no está instalada, o la terminal se abrió antes de que terminara la instalaciónInstálala (o vuelve a abrir la terminal) y reintenta node --version
No se encontró package.json / ENOENT package.jsonLa terminal está en la carpeta equivocadaHaz cd a la raíz del repositorio — la carpeta que contiene package.json — y reintenta
EADDRINUSE / el puerto 3000 ya está en usoOtro servidor de desarrollo aún ocupa el puertoEncuentra la terminal de ese servidor y pulsa Ctrl + C, luego vuelve a empezar
ECONNREFUSED a localhost:5432 o un error de conexión a la base de datosPostgres no está en ejecuciónEjecuta docker compose up -d postgres, espera a que indique healthy y reintenta
Error de validación de entorno que nombra una clave ausenteFalta apps/web/.env.local o tiene un valor requerido vacíoCopia la clave nombrada desde .env.example, dale un valor, guarda y reinicia el servidor
Faltan corepack o pnpm después de corepack enableNingún shim de pnpm está en PATHUsa corepack pnpm ... directamente — nunca necesita un shim; en Windows usa corepack.cmd
PowerShell dice que un script .ps1 no puede ejecutarse / está bloqueadoLa política de scripts de PowerShell bloquea el shimUsa la forma .cmd — corepack.cmd pnpm install — sin cambiar la política

Flujo de implementación

Si falta acceso a la API, verifica que el servidor esté activo y que el origen configurado coincida con el del cliente. Si no hay opciones de IA disponibles, inspecciona AI_MODEL_POLICY y las filas habilitadas del catálogo. Para una tarea encolada cuyo estado es incierto, usa el flujo de recuperación guardada en vez de iniciar otro envío.

Ante problemas de diseño del navegador, inspecciona los estilos calculados y reproduce la ventana gráfica exacta. Los tokens del chrome del producto están en app-theme.css (los paquetes proceden de catalog.ts); el bloqueo de marca de marketing está en theme.css. Las anulaciones de componentes todavía pueden prevalecer por especificidad. Comprueba el radio renderizado, no solo la declaración del token.

Verificación y solución de problemas

Si la página está en :3001, abra :3000 para la aplicación web; :3001 pertenece al servidor apps/docs independiente. Si una prueba solicita acceso a la base de datos, utilice una base de datos de desarrollo aislada y verifique ambas ubicaciones de .env. Si el mismo error persiste, incluya el comando y la primera línea de error desinfectada cuando solicite ayuda; nunca deshabilite las comprobaciones de acceso ni imprima secretos en los registros.

No soluciones una comprobación fallida deshabilitando la autorización, registrando secretos o dando por aprobadas comprobaciones de infraestructura omitidas. Crea una reproducción pequeña y reúne la configuración pertinente que no contenga secretos. Tras la corrección, vuelve a ejecutar la comprobación fallida y después las pruebas de regresión afectadas.

Preguntas frecuentes

14 preguntas

¿Qué es supastack?

supastack es una base modular para construir productos SaaS con IA. Reúne la infraestructura común para que puedas centrarte en las funciones propias de tu producto.

¿Soporta web y móvil?

Sí. supastack incluye apps Next.js y Expo como puntos de partida para experiencias web y móviles.

¿Qué autenticación incluye?

Better Auth cubre correo/contraseña, OTP e inicio social. Los espacios de trabajo personales se aprovisionan con la cuenta para que los registros permanezcan delimitados desde el primer día.

¿Cómo se soporta la IA?

supastack incluye IA multi-proveedor configurable, seguimiento de uso, presupuestos y soporte cifrado de claves propias (BYOK).

¿Cómo se gestionan las suscripciones?

Para productos construidos sobre el kit, la facturación Stripe, las suscripciones y los permisos forman la base del acceso de pago. Los secretos de proveedor permanecen en el servidor.

¿Dónde vive el código propio de mi producto?

Las funciones propias del producto permanecen en un codebase separado, mientras el producto configura e integra los módulos base de supastack.

¿Cómo funciona el precio de supastack?

El kit es una compra única con actualizaciones de por vida: Un framework a 249 $ (precio de lanzamiento temporal — 100 $ de descuento sobre el precio habitual de 349 $) o Todos los frameworks (Next.js, iOS, Android) a 499 $ (precio de lanzamiento temporal — 100 $ de descuento sobre el precio habitual de 599 $), más 75 $ por plaza de desarrollador adicional. Sin suscripción al kit. El pago en este sitio entrega tu clave de licencia por correo, con acceso al repositorio por invitación de GitHub.

¿Cómo delimitan los espacios de trabajo mis datos?

Los registros del usuario se delimitan por workspaceId. Identidad, permisos, uso de IA, eventos de facturación y entradas de auditoría permanecen dentro del límite del espacio personal.

¿Cómo funcionan los jobs en segundo plano?

Trigger.dev es el runtime de jobs explícito. El contrato JobRunner solo promete enqueue, status y cancel — la semántica de workflow sigue siendo específica y explícita de Trigger.dev.

¿En qué se diferencia el email de la divulgación?

El email transaccional cubre flujos de producto como avisos de finalización de tareas. La divulgación en frío y las campañas pertenecen al producto, fuera del módulo de email de este kit.

¿Cómo funcionan las compras móviles?

La app móvil incluye compras nativas y restauración con RevenueCat, con acceso verificado por tu servidor. Configura las cuentas de las tiendas y completa las pruebas en dispositivos antes de publicar. La facturación web es independiente.

¿Dónde residen las claves de los proveedores de IA?

Las credenciales BYOK están cifradas y permanecen en el servidor. Las claves se saneen en los logs; el uso y los presupuestos siguen visibles a nivel de espacio de trabajo.

¿Qué métodos de pago acepta el checkout?

El checkout alojado en Stripe acepta tarjetas y, una vez activadas las billeteras en la cuenta de Stripe, también puede ofrecer Alipay y WeChat Pay — muy útil para compradores en China. Las autorizaciones de billetera se confirman de forma asíncrona, por lo que la página de la licencia se actualiza en cuanto se liquida el pago.

¿Puedo obtener un reembolso?

Una vez que tienes acceso al repositorio, supastack es tuyo para siempre, por lo que no se puede reembolsar. Pero no te preocupes: obtienes el código fuente completo con actualizaciones de por vida para crear y lanzar productos ilimitados para ti o tus clientes. Solo no puedes revender el código ni redistribuir el repositorio como plantilla o starter kit.

ES
Tema