ESLint 9 无法与 Next 15 正常工作

Question

我最近将项目迁移到 Next.js 15，但 ESLint 没有按预期运行。到目前为止，我已经安装了以下软件包：

"eslint": "9.13.0",
"eslint-config-next": "15.0.1",
"eslint-config-prettier": "^9.1.0",
"eslint-plugin-prettier": "^5.2.1",
"next": "15.0.1"

.prettierrc.json

：

{
    "printWidth": 110,
    "bracketSpacing": true,
    "tabWidth": 4,
    "endOfLine": "auto",
    "trailingComma": "es5",
    "semi": true,
    "singleQuote": true
}

VS 代码中的

settings.json

：

{
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "typescript",
    "typescriptreact"
  ],  
  
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  
  "editor.formatOnSave": true,
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": "explicit",
    "source.fixAll": "explicit"
  },  
  "prettier.printWidth": 80,
}

eslint.config.mjs

：

import pluginNext from '@next/eslint-plugin-next';

export default defineConfig([
    {
        plugins: {
            '@next/next': pluginNext,
        },
    },
    {
        files: ['**/*.ts', '**/*.tsx'],
        rules: {
            ...pluginNext.configs.recommended.rules,
        },
    },
]);

如果我添加 eslintrc.json ，如果我运行

yarn lint

就可以工作，但在 VS Code 中无法实时工作。

尽管安装了，ESLint 似乎并没有检查我的文件或在 VS Code 中显示任何错误。如果您能提供有关为 Next.js 15 配置 ESLint 的指导，我将不胜感激。ESLint 与 Next.js 15 无缝协作是否需要任何特定设置或依赖项？

Answer 1

一切对我来说都很好。尝试重新启动 eslint 服务器 (

ctrl

+

shift

+

p

->

restart eslint server

)，重新加载 VSCode (

ctrl

+

shift

+

p

->

reload window

) 并确保使用最新版本的 ESLint 扩展（也许尝试切换到预发布版本并重复前面的步骤）。