nextjs 14应用程序路由器多个渲染tsx文件在1个文件夹

ru9i0ody  于 11个月前  发布在  其他
关注(0)|答案(1)|浏览(109)

我正在从nextjs 12升级到14 tailwind/typescript app router。
我有一个名为/test/的目录,其中包含以下文件:layout.tsx、judging.tsx、listings.tsx、page.tsx,
当我进入test/judging时,我希望它能调出test/judging. tsx。目前,如果我进入http://localhost/test/,默认页面会出现,如果我进入localhost/test/judging,我会得到404
现在我意识到,在测试中,我可以创建一个名为judging的文件夹,然后我将拥有路径test/judging。
我的问题是,如果我在/test/文件夹中有50个文件,我是否必须进行50次测试才能获得要渲染的路由?
在版本12中,每个人都使用_app.js和index.js中的get布局来显示所有页面。是否有类似的技术?

0qx6xfy6

0qx6xfy61#

我看到了你犯的错误。你创建了一个名为test的文件夹,其中有一个你想访问的文件judging.tsx

应用路由器

如果使用的是app router,则只需在test目录中创建一个名为judging的文件夹,然后在judging文件夹中创建一个包含export default的文件page.tsx

**注意:**如果您创建的是动态路由,只需将文件夹命名为[judging],其中包含page.tsx
页面路由器

如果使用的是page router,则只需在test目录中创建一个名为judging的文件夹,然后在judging文件夹中创建一个包含export default的文件index.tsx

**注意:**如果您创建的是动态路由,只需将test文件夹中的文件命名为[judging].tsx

相关问题