typescript 未找到RemixJS嵌套路由

oxosxuxt  于 2023-04-07  发布在  TypeScript
关注(0)|答案(1)|浏览(105)

我刚在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错误

cyvaqqii

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

相关问题