如何使用 vercel 修复 nextjs 部署中的“未构建无服务器页面”？

Question

我正在尝试部署我的 NextJs 应用程序。过去几天我也遇到了同样的两个错误：

1: // 稍后会出错
2: 错误：未构建无服务器页面。了解更多： https: //err.sh/vercel/vercel/now-next-no-serverless-pages-built
我不知道如何修复它们。如果有人提供帮助，我将不胜感激

这是我的 package.json 文件：

{
  "name": "my-dev-portfolio",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "next",
    "bulid": "next build",
    "start": "next start",
    "now-build": "next build"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^6.1.1",
    "@fortawesome/free-brands-svg-icons": "^6.1.1",
    "@fortawesome/free-solid-svg-icons": "^6.1.1",
    "@fortawesome/react-fontawesome": "^0.2.0",
    "next": "^12.2.0",
    "react-dom": "^18.2.0",
    "typewriter-effect": "^2.19.0"
  }
}

next.config.json 文件：

module.exports = {
    target: "serverless"
}

now.json 文件：

{
    "version": 2,
    "builds": [{"src":"package.json", "use": "@now/next"}]
}

Answer 1

如果您正在使用较新版本的节点，请尝试此操作

导航至 Vercel 仪表板中项目的设置

https://vercel.com/[用户名]/[项目]/settings

请按照以下流程进行修复：

1. 向下滚动到页面上搜索Node.js版本的 Node.js版本
2. 选择较新的版本，可能是16x或18x，而不是14x
3. 单击“保存”按钮
4. 导航回部署 https://vercel.com/[用户名]/[项目]/deployments
5. 单击最近提交中的汉堡菜单（三个点）
6. 然后单击“REDEPLOY”按钮并确保不要选择缓存选项

应用程序现在应该成功构建

确保将 [username] 和 [project] 替换为您各自的 vercel 用户名和 vercel 项目 ID

Answer 2

对于now.json：您正在使用一种非常古老的方法。Vercel 现在可以检测您的框架。查看博客中的公告：零配置部署 。

对于next.config.js您使用的地方target: serverless，也根本不需要。如果您要部署到 Vercel，只需将其删除即可。对于那些好奇的人，请检查https://nextjs.org/docs/advanced-features/output-file-tracing以获取有关替代target.