React Router + Vite Mayout не делает вложенного маршрута ⇐ Javascript

[Anonymous]

Я использую @React-router/dev с Vite для маршрутизации на основе файлов. Я ожидаю моего компонента макета (

Код: Выделить всё

AdminLayout

) для рендеринга текста по маршруту "/Admin/Dashboard" , но он не отображается-появляется только контент панели.

Код: Выделить всё

app/
├── routes.ts
├── routes/
│   └── admin/
│       ├── admin-layout.tsx
│       └── dashboard.tsx
< /code>
routes.ts
import { type RouteConfig, route } from "@react-router/dev/routes";

export default [
route({
path: "admin",
file: "routes/admin/admin-layout.tsx",
children: [
route({
path: "dashboard",
file: "routes/admin/dashboard.tsx"
})
]
})
] satisfies RouteConfig;
< /code>
admin-layout.tsx
import { Outlet } from "@react-router/dev";

export default function AdminLayout() {
console.log("Rendering AdminLayout");
return (

Sidebar




);
}

Посещение "/Admin/Dashboard" показывает панель панели, но не содержимое макета. «Рендеринг adminlayout» журнал консоли не появляется - поэтому компонент макета не рендеринга. Я что -то упускаю в конфигурации или настройке маршрута?


Подробнее здесь: https://stackoverflow.com/questions/796 ... sted-route