为何Next.js的lint未检测未使用导入？添加eslint:recommended是否为推荐方案？

我通过npx create-next-app@latest创建了Next.js项目，页面中存在未使用的导入，但执行npm run lint时并未对此发出提示。直到我在.eslintrc.json中添加eslint:recommended配置（配置内容如下），lint才会检测未使用的导入。请问这是否是推荐的配置方式？

{
  "extends": ["next/core-web-vitals", "eslint:recommended"]
}

这种配置方式是合理且推荐的，原因如下：

• Next.js默认提供的next/core-web-vitals配置，主要聚焦于与Core Web Vitals相关的性能规则、Next.js特有的最佳实践，并没有包含ESLint基础规则里的no-unused-vars（检测未使用变量/导入）这类通用代码质量规则。
• eslint:recommended是ESLint官方维护的基础推荐规则集，包含了一系列通用的代码质量检测规则，正好补充了next/core-web-vitals的规则覆盖盲区。两者组合使用不会产生冲突，反而能让代码检测更全面。

如果你只想针对性地检测未使用导入，也可以不用引入整个eslint:recommended，而是单独启用对应规则：

{
  "extends": ["next/core-web-vitals"],
  "rules": {
    "no-unused-vars": "error"
  }
}

这种方式更轻量化，适合只需要补充特定规则的场景。

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