最新版 Next JS 中的静态生成不起作用

Question

我只是想测试路由但不能。 我在 components/about 中使用了一个新文件夹 当我用 http://localhost:3000/components/about 搜索时 失败的照 同样，我在pa文件夹中创建了它 我试图将文件名从首字母大写更改为小写 请帮忙 一周了也没用

资源 http://localhost:3000/_next/static/chunks/polyfills.js?ts=1677900209480 是使用链接预加载预加载的，但在窗口加载事件后几秒钟内未使用。请确保它具有适当的

as

值并且是有意预加载的。

Answer 1

这不是 Nextjs 的工作方式！

NextJS 使用基于文件/目录的路由，并有一个默认入口点。
默认情况下它呈现

app/page.tsx

，这实际上是您的

/

路线

所以如果你想用路径创建一条路线

/about

那么你必须创建

app/about/page.tsx

文件

Nextjs 13

新应用目录（测试版）

今天，我们正在改进 Next.js 中的路由和布局体验，并通过引入应用程序目录与 React 的未来保持一致。这是之前发布的用于社区反馈的 Layouts RFC 的后续。

应用程序目录目前处于测试阶段，我们不建议在生产中使用它。您可以将 Next.js 13 与具有稳定功能（例如改进的 next/image 和 next/link 组件）的 pages 目录一起使用，并按照您自己的节奏选择进入 app 目录。在可预见的未来，页面目录将继续得到支持。

您仍然可以为您的页面使用

page

目录