Next.js动态路由加载不存在的脚本导致404

Question

要使用动态路由，我创建了一个pages/[slug].js页面，并根据建议链接到该页面：

<Link href="/shop/[slug]" as={`/shop/${item.slug}`}>
  <a>{item.title}</a>
</Link>

我遵循了Next.js文档：

• https://nextjs.org/docs/routing/dynamic-routes
• https://nextjs.org/docs/api-reference/next/link#dynamic-routes

在运行next dev之后，链接和页面将按预期工作，但是在生产环境中（或在构建应用程序并在本地运行next start之后，导航到动态路由后，该链接和页面将不存在）脚本已系统加载。它不会使应用程序崩溃，但会生成带有404状态代码的请求。 该脚本是从/_next/static/___/pages/shop/example-page.js加载的。

可能是什么原因？

Answer 1

事实证明，发生这种情况是由于页面<Link href="#"><a>Home</a></Link>上的伪占位符链接。用工作链接代替它们可以解决问题。