Next.js项目运行eslint报错提示ESLint必须安装如何解决？

问题根因 #

Next.js 11.1.2 仅兼容 ESLint 7.x 版本，你本地安装的 ESLint 8.x 超出了该版本 Next.js 的支持范围，因此lint命令无法识别到符合要求的ESLint依赖，抛出对应报错。

修复步骤 #

• 卸载当前不兼容的ESLint版本

yarn remove eslint

• 安装匹配Next.js 11.1.2的ESLint 7.x最新稳定版

yarn add --dev eslint@^7.32.0

• 清理yarn缓存后重新执行lint命令验证

yarn cache clean
yarn lint

可选升级方案 #

如果需要使用ESLint 8.x版本，你需要先将Next.js版本升级到12.0.0及以上，该版本起Next.js才正式支持ESLint 8.x。

内容的提问来源于stack exchange，提问作者awebdev