You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

Remix嵌套文件夹路由无法访问,请求排查问题

Remix嵌套路由404问题排查与解决

你的问题核心是对Remix的路由匹配规则理解有误,当前目录结构下child1/account.tsx对应的路由是/examples/child1/account,而非你访问的/examples/child1,因此返回404。

两种可行的修正方案:

  • 方案一:调整文件命名匹配目标路径
    将child1/account.tsx重命名为child1/route.tsx,此时该文件会成为/examples/child1路径的索引路由,访问该地址即可正常渲染Account组件。
  • 方案二:访问正确的路由路径
    若要保留account.tsx的文件名,需访问/examples/child1/account才能匹配到对应的组件。

关键路由规则补充

Remix的路由与文件目录的对应逻辑:

  • 每个文件夹对应URL中的一个路径段(如examples/对应/examples,child1/对应/examples/child1)
  • 文件夹下的route.tsx是该路径的索引路由,访问该文件夹对应的基础路径时会渲染此组件
  • 文件夹下的其他命名文件(如account.tsx)会作为子路由,对应路径为/父级路径/文件名

内容的提问来源于stack exchange,提问作者monkiq

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.06 12:47:08