小编Sim*_*ing的帖子

我在跑步...开发模式下运行... \na next.js 应用程序。我有一个页面，它映射来自后端的 JSON 数据，并为包含的每个“事件”对象呈现一个组件“EventListItem”。

列表页面：

\n
• http://localhost:3000/6/events/2021-08-26
\n
• (http://localhost:3000/[cinemaId]/events/[[...date]])
\n
• 内容根目录的路径：'pages/[cinemaId]/events/[[...date]]'
\n

该列表项是可点击的，以便用户可以导航到包含“事件”对象的所有详细信息的详细信息页面。

详细页面：

\n
• http://localhost:3000/6/events/detail/2021-08-26/152430
\n
• (http://localhost:3000/[cinemaId]/events/detail/[[...date]]/[[...slug]])
\n
• 内容根目录的路径：'pages/[cinemaId]/events/detail/[...slug]'
\n

在开发模式下... \n当我单击链接时，在浏览器导航到正确页面并正确呈现所有信息之前，我会立即触发错误：

Unhandled Runtime Error\nError: Failed to load script: /_next/static/chunks/pages/%5BcinemaId%5D/events/detail/%5Bdate%5D/%5BeventTypeId%5D.js\nCall Stack\nappendScript/</script.onerror\nnode_modules/next/dist/client/route-loader.js (83:51)\n

但是，正如我所说，错误会短暂闪烁，然后详细信息页面的内容会正确呈现。

当我直接导航到 URL 而不单击链接\xe2\x80\xa6 时，一切都会正确呈现，没有错误。

当我尝试 git bisect... \n这个错误阻止了我使用 git bisect 查找原因的尝试。我记得第一次发生是在三天前，但是当我签出一周前的提交时，错误就出现了。我不能 100% 确定，但我不记得在进行这些提交时看到过此错误。

当代码在生产中运行时... \n我无法复制代码，一切都运行顺利

服务器端渲染 \n当前两个页面都只有准系统 SSR 代码。目前，所有数据获取都是在客户端完成的。这将会改变。

感谢您的阅读。任何见解都将非常受欢迎。代码如下，供参考...

组件中的链接：

<Link\nhref={{pathname: "/[cinemaId]/events/detail/[date]/[eventTypeId]",\nquery: {cinemaId: cinemaId, date: date, …