NextJS 部署到 Vercel：404 页面未找到

Question

我有一个没有集成 API 的 NextJS 应用程序，我想将其部署到 Vercel。当我在本地 yarn run dev 运行它时它工作正常，我也可以构建它 yarn run build 没有任何错误。但是，当我部署 Vercel 时，我收到一个 404 Error。

这是我的文件夹结构：

app/
  - components
  - pages
    - editor
      - [id].tsx
    ...tsx
  - public
  - utils
    - db
      api.ts

我使用的是 NextJs 10.0.3。

这是已部署的 app 的链接。

我没有 nextjs 配置文件。我的假设是错误是由动态路由引起的，但我找不到我的错误。此外，与仅动态页面相反，部署应用时没有页面在工作。

您是否有指示下一步该往哪里看？

编辑 1：
Here 是指向 GitHub 存储库的链接。

编辑 2： 我发现了一个问题，但不知道如何解决。

这是我的构建输出在 Vercel 上的样子：

这就是它在 Vercel 上的样子：

不知道为什么整个 _next 文件夹都不见了。

Answer 1

我刚刚遇到了完全相同的问题。 我在子目录中有我的 Next 应用程序。我认为这可能是导致一些问题的原因。

对我有用的是。

• 确保选择正确的子目录。我的上面有一个 Next Js 图标。
• 需要将框架预设设置为 Next.js。

Answer 2

已编辑

尝试部署使用 now --prod --force --force 标志将清除您的构建缓存（在生产中）并强制生产推送。 如果仍然无效，请确保添加 now.json