我正在从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布局来显示所有页面。是否有类似的技术?
1条答案
按热度按时间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