React Remix v2：如何在/app/routes创建仅用于组织的文件夹且不影响URL结构
2026-6-20
在Remix v2中用文件夹组织路由代码且不改变URL结构
确认你的Remix版本
要确认是否为v2版本，有两种简单方法：
- 查看项目根目录的
package.json，找到@remix-run/core、@remix-run/react等依赖，版本号以2.x.x开头就是v2。 - 在终端执行命令：
npx remix --version，会直接显示当前Remix CLI版本。
正确的文件夹命名方式（v2专属）
Remix v2不再使用下划线前缀来忽略路由文件夹，而是改用括号包裹文件夹名称，这样文件夹仅用于代码组织，不会被解析到URL路径中。
例如：
- 创建路径：
/app/routes/(test-group)/test.tsx - 对应的访问URL依然是：
/test
你可以根据需求创建多个这类括号文件夹，比如(user)、(admin)，把30个路由文件分别归类进去，完全不影响原有URL结构。
排查404问题
如果按上述方式设置后仍出现404，检查以下几点：
- 确保路由文件名正确（比如
test.tsx没有拼写错误，后缀是.tsx而非.ts或其他）。 - 重启Remix开发服务器：路由结构变更后需要重启才能生效。
- 检查是否存在其他路由文件与
/test路径冲突（比如有没有其他test.tsx在routes根目录或其他非括号文件夹下）。
内容的提问来源于stack exchange，提问作者JustCool
相关产品推荐
相关产品推荐
