reactjs - 输入 NextJs 链接/路由

Question

<Link href="/about">
     <a>About Us</a>
</Link>

有没有办法为 NextJs 链接强制类型安全？

目前，很难重构链接。 (因为它只是一个字符串)

我遇到了这个 repo，但解决方案不是那么优雅。 https://github.com/jagaapple/next-typed-routes

Flutter 有类似 Fluro 的东西吗？

Answer 1

我遇到了同样的问题所以我写了nextjs-routes解决它。它直接插入现有的 Nextjs 项目，无需更改任何应用程序代码。

nextjs-routes 为页面目录中的每个页面生成路径名和查询类型。生成的类型被写入 nextjs-routes.d.ts，它会被 Nextjs 项目的 tsconfig.json 自动引用。 nextjs-routes.d.ts 重新定义了 next/link 和 next/router 的类型，并应用生成的路由类型。