NextJs vercel部署错误“routes-manifest.json”找不到

Question

我的 nextjs 应用程序工作正常，我添加了一些文件来更新我的代码，现在它没有在 vercel 上部署我的应用程序。给出这个错误

我尝试用谷歌搜索错误，但我的情况很独特。

这是 git 存储库 https://github.com/usman-174/google-calendar-frontend

这些是我的 package.json 中的脚本标签

 "scripts": {
"dev": "next",
"build": "next build",
"start": "next start",
"export": "next export",
"lint": "next lint",
"lint-fix": "next lint --fix"
},

next.config.js

module.exports = {
distDir: 'build',
}

Answer 1

假设您正在turbo使用pnpm

\n

package.json1. 验证文件中的包名称

\n

想象一下你有这样的结构：

\n

root/\n\xe2\x94\x9c\xe2\x94\x80 apps/\n\xe2\x94\x82  \xe2\x94\x9c\xe2\x94\x80 web/\n\xe2\x94\x9c\xe2\x94\x80 packages/\n\xe2\x94\x82  \xe2\x94\x9c\xe2\x94\x80 tsconfig/\n

\n

这是你的pnpm-workspace.yaml文件：

\n

root/\n\xe2\x94\x9c\xe2\x94\x80 apps/\n\xe2\x94\x82  \xe2\x94\x9c\xe2\x94\x80 web/\n\xe2\x94\x9c\xe2\x94\x80 packages/\n\xe2\x94\x82  \xe2\x94\x9c\xe2\x94\x80 tsconfig/\n

\n

然后，您必须确保项目中文件name中的字段也能代表，如下所示：package.jsonwebweb

\n

packages:\n  - "apps/*"\n  - "packages/*"\n

\n

2. 仔细检查您的根目录package.json和turbo.json文件

\n

package.jsonTurborepo 项目的最小根源：

\n

{\n    "name": "web",\n    "scripts": {\n        "dev": "next dev",\n        "build": "next build",\n    },\n    // ...\n}\n

\n

以及turbo.json根目录下的文件：

\n

{\n    "$schema": "https://turbo.build/schema.json",\n    "pipeline": {\n        "build": {\n            "dependsOn": ["^build"],\n            "outputs": [".next/**", "!.next/cache/**"]\n        },\n        "dev": {\n            "cache": false,\n        }\n    }\n}\n

\n

3. 检查Vercel UI 中的build和命令install

\n

转到Vercel UI 项目中的Settings->选项卡并验证命令：General

\n

\n

命令build应该是：

\n

cd ../../ && pnpm run build --filter=web...\n

\n

和install命令（假设您正在使用 pnpm）

\n

pnpm install\n

\n

4. 在 Vercel UI 中检查“根目录”

\n

转到Vercel UI 项目中的Settings->General选项卡并验证项目路径：

\n

\n

验证它是否代表您的 next.js 项目路径：apps\\web

\n

Answer 2

1. 运行 npm run build （检查构建文件夹中的所有文件）
2. 创建 .next 文件夹并将所有文件从 build 文件夹移动到 .next
3. 将您的 .next 文件夹提交到 vercel 或 git。