NextJS Vercel 部署错误：“在部署的构建输出中找不到您正在访问的路径。”

Question

我对 nextJS 很陌生。我正在尝试部署我正在构建的应用程序的版本，以便我可以将其展示给朋友。 （一个简单的口袋妖怪团队生成器应用程序）

当我运行

$npm run build

时，它编译得很好，当我开发应用程序并通过

$npm run dev

预览它时，它在 localhost:3000 中运行得很好。

但是，当我尝试部署到 Vercel 时，却收到 404 错误，Vercel 的错误描述为 “在部署的构建输出中找不到您正在访问的路径。”

我尝试将包含所有数据的 api 文件夹移至公开位置，看看是否可以解决问题，但没有成功。事实是我对 nextJS 很陌生，我不确定我做错了什么。

这是我的存储库的链接。我怀疑配置或我的目录结构可能有问题，但老实说我不确定从哪里开始进行故障排除。任何提示/帮助将不胜感激。

Github 存储库链接 不起作用的 Vercel 部署链接

Answer 1

解决了问题，希望这可以帮助将来的其他人。

首先：我的项目设置很奇怪。我在 github 中创建了一个存储库并克隆了它，然后使用 create-t3-app 在该存储库文件夹中制作了我的应用程序。所以我的 .next 文件夹不在我的根目录中。

通过做两件事修复：

将 Vercel -> 设置 -> 常规中的根目录更改为 create-t3-app 创建的文件夹的名称。

1. 还在 Vercel 设置常规中，我将框架预设更改为 Next.js。
希望这对未来的人有帮助！

Answer 2

还在 Vercel 设置常规中，我将框架预设更改为 Next.js。