下一个 .js 路由器 - 未找到 404 页面

Next.js Router - Getting 404 page not found

提问人:Mat 提问时间:6/14/2023 最后编辑:Youssouf OumarMat 更新时间:8/20/2023 访问量:3823

问:

我是Next.js的新手,我正在玩路由器。某些页面可以工作,但动态页面不能。有谁知道我做错了什么?

这是我的文件结构:

enter image description here

产品主页可以工作,但是当我循环浏览产品并在这些产品中时,我有一个这样的链接:

<Link href={`/products/${props.product._id}`}>

但是当我点击任何产品时,我会得到一个 404。有谁知道我做错了什么?谢谢。

JavaScript ReactJS 打字稿 下一个.js

评论


答:

4赞 Youssouf Oumar 6/14/2023 #1

要获得 URL,您需要在文件夹中创建一个目录,并在其中添加一个(导致 )。/products/${props.product._id}[id]productspage.tsxapp/[id]/page.tsx

这是因为在使用初始页面路由器时,文件会创建一个路由,因为 Next.js ,而当使用应用程序路由器时,路由由文件夹创建,并且用于呈现该路由,如文档所示:v13page.js

enter image description here

这是(请参阅最后一个问题)CLI询问您要使用哪一个路由器的位置:

enter image description here

最后,如果您正在学习教程并想要使用路由器,最简单的方法是创建一个新项目并相应地回答 CLI:pages

npx create-next-app@latest