我刚在React上使用RemixJS启动了一个新的应用程序(使用typescript),但是我的嵌套页面没有加载,我似乎不知道为什么。我对Remix很陌生,所以也许我做错了什么。
文件夹路径
dashboard.tsx
import { Outlet } from "@remix-run/react";
export default function dashboard() {
return (
<div>
<h1>Dashboard</h1>
<Outlet />
</div>
);
}
dashboard/sales.tsx
export default function Sales() {
return (
<div>
<h3>Nested Sales route</h3>
</div>
);
}
我试过从其他地方导入Outlet,试过更改文件夹的名称,看了一百万个视频,读了一百万个帖子
**编辑1:**对不起,我忘了提,我可以访问页面/dashboard
,但当我试图访问/dashboard/sales
它给出了404 Not Found
错误
1条答案
按热度按时间cyvaqqii1#
目前有两个版本的文件路由命名约定(Remix 1.15.0)。
您所描述的路径遵循V1的逻辑。要使其工作,请检查您的remix.config.js文件并将v2_routeConversion更改为false。
要查看V1和V2之间路由文件命名的差异,请检查以下内容:
V1 -〉https://remix.run/docs/en/1.15.0/file-conventions/routes-files
V2 -〉https://remix.run/docs/en/1.15.0/file-conventions/route-files-v2
如果你想看看Remix 2.0的发布会有什么变化,那么你可以在下面检查你的项目:
https://remix.run/docs/en/main/pages/v2