我尝试使用NextJs v14生成静态路径。动态路由生成404错误,但类似的非动态路由显示页面。
使用localhost调用动态路由:3000/product/categoryProduct/a
代码路径:app/(common)/product/categoryProduct[id]
export default function Page({ params }: { params: { slug: string } }) {
return <h1>My Page</h1>;
字符串
}
非动态调用localhost:3000/product/categoryProduct
路径:app/(common)/product/categoryProduct
export default function Page({ params }: { params: { id: number } }) {
return <div>My Post: {params.id}</div>;
型
}
我不知道这个非常基本的问题在哪里。
1条答案
按热度按时间vwoqyblh1#
问题是目录结构变量部分标识符需要是嵌套目录,而不是主目录名的一部分。
正确的目录结构:app/(common)/product/categoryProduct/[id]/page.tsx
目录结构不正确:app/(common)/product/categoryProduct[id]/page.tsx