尝试在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

对于那些想知道的人，我使用的解决方案是首先删除"下一个/通天塔";从extends数组中，如Julio所建议的。

然后，安装babel-eslint:

npm i babel-eslint --save-dev

然后将整个.eslintrc文件更改为:

{
"parser": "babel-eslint"
}

构建成功了!信用归胡里奥和答案从这个线程:解析错误关键字导入被保留