reactjs - Rutas anidadas de RemixJS no encontradas

Acabo de empezar una nueva aplicación usando RemixJS en React (con TypeScript), pero mis páginas anidadas no se están cargando y no puedo entender por qué. Soy bastante nuevo en Remix, así que quizá estoy haciendo algo mal.

Rutas de carpetas

tablero.tsx

import { Outlet } from "@remix-run/react";

export default function dashboard() {
  return (
    <div>
      <h1>Dashboard</h1>
      <Outlet />
    </div>
  );
}

tablero/ventas.tsx

export default function Sales() {
  return (
    <div>
      <h3>Nested Sales route</h3>
    </div>
  );
}

He intentado importar Outlet desde otros lugares, intenté cambiar los nombres de las carpetas, vi un millón de videos y leí un millón de publicaciones

Edición 1: Lo siento, se me olvidó mencionar que puedo acceder a la página /dashboard, pero cuando intento acceder a /dashboard/sales me da el error 404 Not Found

Respuesta #1

Actualmente existen 2 versiones de la convención de nombres de archivos de enrutamiento (Remix 1.15.0).

El camino que estás describiendo sigue la lógica de V1. Para que funcione, revisa tu archivo remix.config.js y cambia el v2_routeConversion a false.

Para ver las diferencias en la nomenclatura de los archivos de rutas entre V1 y V2, consulte a continuación:

V1 -> https://remix.run/docs/es/1.15.0/file-conventions/routes-files

V2 -> https://remix.run/docs/en/1.15.0/file-conventions/route-files-v2

Si desea ver qué va a cambiar con el lanzamiento de Remix 2.0 para que pueda preparar su proyecto para el futuro, consulte abajo:

https://remix.run/docs/en/main/pages/v2