Remix嵌套路由异常：访问/jokes时Outlet组件无法正常工作

算力阿峰

2026-7-13

解决Remix中/jokes路径Outlet组件不渲染的问题

修正路由文件路径：你的_index.tsx文件路径有误，正确路径应为app/routes/jokes/_index.tsx，而非app/route/jokes/_index.tsx（路径里的route少了一个s）。Remix依赖routes目录下的文件结构生成路由，路径错误会导致子路由无法被识别，Outlet也就无法渲染对应内容。
确认文件结构：确保你的路由文件层级如下：
```
app/
  routes/
    jokes.tsx
    jokes/
      _index.tsx
```
重启开发服务器：调整文件路径后，重启Remix开发服务器，让新的路由配置生效。