Next.js NextJS随需应变条目返回404_Next.js_Vercel_Webpack Hmr

Next.js NextJS随需应变条目返回404

next.js

Next.js NextJS随需应变条目返回404,next.js,vercel,webpack-hmr,Next.js,Vercel,Webpack Hmr,我目前遇到了一个随需应变条目的问题，当它请求动态编译页面时，它会从dev服务器返回404 下面是典型的页面目录结构。在检查dev_工具控制台时，有一个对dev服务器的fetch调用来编译页面，在本例中是article.tsx（/article/article slug），fetch请求返回404 . +-- pages | +-- latest-news | +-- index.tsx | +-- article | +-- [slug].tsx 环境详情：

我目前遇到了一个随需应变条目的问题，当它请求动态编译页面时，它会从dev服务器返回404

下面是典型的页面目录结构。在检查dev_工具控制台时，有一个对dev服务器的fetch调用来编译页面，在本例中是article.tsx（/article/article slug），fetch请求返回404

.
+-- pages
|   +-- latest-news
|       +-- index.tsx
|   +-- article
|       +-- [slug].tsx

环境详情：

操作系统：Ubuntu 18.04.4 LTS
节点：v15.8.0
NPM:6.14.11
NextJS:10.0.5

如果希望NextJS识别slug，则需要一个

页面/article/[article slug].tsx

页面

更多详情请参见

我的错误，我在这里使用了一个坏例子。虽然您的回答是正确的，这也适用于项目中的其他页面，但另一个页面的格式与pages/latest news/index.tsx->/latest news相同，它也返回404，就像文章页面一样。我在研究该问题时注意到的一点是，如果您可以“重新验证”属性在getStaticProps方法中，即使在属性未更改的页面上，404问题也会消失。可能与此相关：您请求的页面是静态生成的（

getStaticProps

）还是服务器端呈现的（

getServerSideProps

）？愿意分享它的代码吗？