尝试在Vercel上部署NextJS应用程序时出错

Question

我一直在尝试将我的NextJS部署到Vercel上，但一直收到以下错误：

19:07:34.256
> Build error occurred
19:07:34.257
Error: Failed to load config "next/babel" to extend from.
19:07:34.258
Referenced from: /vercel/path0/.eslintrc
19:07:34.258
  type: 'Error',
19:07:34.258
  messageTemplate: 'extend-config-missing',
19:07:34.258
  messageData: { configName: 'next/babel', importerName: '/vercel/path0/.eslintrc' }
19:07:34.258
}
19:07:34.277
Error: Command "npm run build" exited with 1

下面是我的.babelrc文件：

{
  "presets": ["next/babel"],
  "plugins": []
}

我的.eslintrc文件：

{
  "extends": ["next/babel"]
}

和我的package-json文件：

{
  "name": "google-docs",
  "version": "0.1.0",
  "private": true,
  "scripts": {
    "dev": "next dev",
    "build": "next build",
    "start": "next start",
    "lint": "next lint"
  },
  "dependencies": {
    "@material-tailwind/react": "0.3.4",
    "@next-auth/firebase-adapter": "^0.1.2",
    "draft-js": "^0.11.7",
    "firebase": "^8.9.1",
    "next": "11.0.1",
    "next-auth": "^3.27.3",
    "react": "17.0.2",
    "react-dom": "17.0.2",
    "react-draft-wysiwyg": "^1.14.7",
    "react-firebase-hooks": "^3.0.4"
  },
  "devDependencies": {
    "autoprefixer": "^10.3.1",
    "eslint": "7.32.0",
    "eslint-config-next": "11.0.1",
    "postcss": "^8.3.6",
    "tailwindcss": "^2.2.7"
  }
}

此外，由于同样的错误，在本地构建项目也无法正常工作。如何解决这个问题？提前谢谢你。

Answer 1

对于那些想知道的人来说，我使用的解决方案是首先从扩展数组中删除"next/babel“，正如julio所建议的那样。

然后，我安装了babel-eslint：

npm i babel-eslint --save-dev

然后，我将整个.eslintrc文件更改为：

{
 "parser": "babel-eslint"
}

构建成功了！这是胡里奥的功劳，答案来自这个帖子：Parsing Error The Keyword import is Reserved (SublimeLinter-contrib-eslint)