英文:
How can I fix this dependancy error when deploying a nextjs 13 app with vercel?
问题
It looks like you're encountering an issue while deploying your Next.js 13 app with Vercel. The error message you provided indicates a problem with resolving dependencies related to ESLint.
Here's the translated error message and some potential steps you can take to resolve it:
我正在尝试使用Vercel部署我的Next.js 13应用程序,但在部署时出现了错误。在VSCode中,我已经运行了代码检查,并没有返回任何问题。还在VSCode中运行了 'npm run build',一切正常。
...
[14:58:04.074] npm ERR! code ERESOLVE
[14:58:04.077] npm ERR! ERESOLVE 无法解析
[14:58:04.077] npm ERR!
[14:58:04.077] npm ERR! 在解析时出现了问题:eslint-config-next@12.0.4
[14:58:04.077] npm ERR! 找到:eslint@8.44.0
[14:58:04.077] npm ERR! node_modules/eslint
[14:58:04.077] npm ERR! eslint@ "8.44.0" 来自根项目
[14:58:04.078] npm ERR! peer eslint@ "^6.0.0 || ^7.0.0 || >=8.0.0" 来自 @eslint-community/eslint-utils@4.4.0
[14:58:04.078] npm ERR! node_modules/@eslint-community/eslint-utils
[14:58:04.078] npm ERR! @eslint-community/eslint-utils@ "^4.2.0" 来自 eslint@8.44.0
[14:58:04.078] npm ERR! 5 更多 (eslint-import-resolver-typescript,...)
[14:58:04.078] npm ERR!
[14:58:04.078] npm ERR! 无法解析依赖项:
[14:58:04.078] npm ERR! peer eslint@ "^7.23.0" 来自 eslint-config-next@12.0.4
[14:58:04.078] npm ERR! node_modules/eslint-config-next
[14:58:04.078] npm ERR! eslint-config-next@ "^12.0.4" 来自根项目
[14:58:04.078] npm ERR!
[14:58:04.078] npm ERR! 冲突的 peer 依赖关系:eslint@7.32.0
[14:58:04.078] npm ERR! node_modules/eslint
[14:58:04.078] npm ERR! peer eslint@ "^7.23.0" 来自 eslint-config-next@12.0.4
[14:58:04.078] npm ERR! node_modules/eslint-config-next
[14:58:04.078] npm ERR! eslint-config-next@ "^12.0.4" 来自根项目
[14:58:04.079] npm ERR!
[14:58:04.079] npm ERR! 修复上游依赖项冲突,或使用 --force 或 --legacy-peer-deps 重新运行此命令
[14:58:04.079] npm ERR! 来接受不正确(可能是损坏的)的依赖项解析。
[14:58:04.079] npm ERR!
[14:58:04.079] npm ERR! 完整报告请参见:
[14:58:04.080] npm ERR! /vercel/.npm/_logs/2023-07-31T13_58_03_754Z-eresolve-report.txt
[14:58:04.080]
[14:58:04.080] npm ERR! 该运行的完整日志可以在下面找到:
[14:58:04.080] npm ERR! /vercel/.npm/_logs/2023-07-31T13_58_03_754Z-debug-0.log
[14:58:04.093] 错误:命令 "npm install" 退出代码为 1
To resolve this issue, you can try the following steps:
-
Force Install Dependencies: Run the
npm install
command with the--force
flag or--legacy-peer-deps
to accept the potentially broken dependency resolution. This might help resolve the conflict. -
Check Package Versions: Review your project's
package.json
file and ensure that the versions of ESLint-related packages are compatible. You may need to adjust the versions to match or resolve the conflict manually. -
Update ESLint Configuration: If possible, update your ESLint configuration in your project to match the version of ESLint you have installed. This might involve adjusting the rules and settings in your
.eslintrc
file. -
Clear NPM Cache: Sometimes, issues can be related to the npm cache. You can try clearing the npm cache by running
npm cache clean -f
and then runningnpm install
again.
Remember to make backups or commit your changes if you decide to make any modifications to your project's configuration files.
英文:
I am trying to deploy my NextJS 13 app with vercel, but I get this error on deploying. In vscode, I have ran the linting and it returned no problems. Also did 'npm run build' in vscode which worked fine.
...
[14:58:01.978] Previous build cache not available
[14:58:02.279] Cloning completed: 593.19ms
[14:58:02.615] Running "vercel build"
[14:58:03.127] Vercel CLI 31.1.1
[14:58:03.363] Installing dependencies...
[14:58:04.074] npm ERR! code ERESOLVE
[14:58:04.077] npm ERR! ERESOLVE could not resolve
[14:58:04.077] npm ERR!
[14:58:04.077] npm ERR! While resolving: eslint-config-next@12.0.4
[14:58:04.077] npm ERR! Found: eslint@8.44.0
[14:58:04.077] npm ERR! node_modules/eslint
[14:58:04.077] npm ERR! eslint@"8.44.0" from the root project
[14:58:04.078] npm ERR! peer eslint@"^6.0.0 || ^7.0.0 || >=8.0.0" from @eslint-community/eslint-utils@4.4.0
[14:58:04.078] npm ERR! node_modules/@eslint-community/eslint-utils
[14:58:04.078] npm ERR! @eslint-community/eslint-utils@"^4.2.0" from eslint@8.44.0
[14:58:04.078] npm ERR! 5 more (eslint-import-resolver-typescript, ...)
[14:58:04.078] npm ERR!
[14:58:04.078] npm ERR! Could not resolve dependency:
[14:58:04.078] npm ERR! peer eslint@"^7.23.0" from eslint-config-next@12.0.4
[14:58:04.078] npm ERR! node_modules/eslint-config-next
[14:58:04.078] npm ERR! eslint-config-next@"^12.0.4" from the root project
[14:58:04.078] npm ERR!
[14:58:04.078] npm ERR! Conflicting peer dependency: eslint@7.32.0
[14:58:04.078] npm ERR! node_modules/eslint
[14:58:04.078] npm ERR! peer eslint@"^7.23.0" from eslint-config-next@12.0.4
[14:58:04.078] npm ERR! node_modules/eslint-config-next
[14:58:04.078] npm ERR! eslint-config-next@"^12.0.4" from the root project
[14:58:04.079] npm ERR!
[14:58:04.079] npm ERR! Fix the upstream dependency conflict, or retry
[14:58:04.079] npm ERR! this command with --force or --legacy-peer-deps
[14:58:04.079] npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
[14:58:04.079] npm ERR!
[14:58:04.079] npm ERR!
[14:58:04.080] npm ERR! For a full report see:
[14:58:04.080] npm ERR! /vercel/.npm/_logs/2023-07-31T13_58_03_754Z-eresolve-report.txt
[14:58:04.080]
[14:58:04.080] npm ERR! A complete log of this run can be found in:
[14:58:04.080] npm ERR! /vercel/.npm/_logs/2023-07-31T13_58_03_754Z-debug-0.log
[14:58:04.093] Error: Command "npm install" exited with 1
I have tried installing next lint again with npm but that has made no difference.
答案1
得分: 0
- 前往 Vercel 项目的设置页面
- 在左侧菜单中选择 "General",然后滚动到 "Build & Development Settings"
- 打开 "install command" 的 "override" 开关
- 在输入框中写入
npm install --legacy-peer-deps
英文:
- Go to your project's settings on vercel
- Choose "General" on left menu and scroll to "Build & Development Settings"
- Turn the "override" on for "install command"
- Write
npm install --legacy-peer-deps
in the input.
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论