ESLint VSCode 插件无法与 eslint.config.mjs 一起使用

Question

我有一个 Express.js API，并且正在使用最新版本的 ESLint (9.10.0)。我一直在尝试在 VS Code 中启用代码警告和错误，但是当我运行

npx eslint --init

时，ESLint 会创建一个 eslint.config.mjs 文件而不是 .eslintrc 文件，尽管 ESLint 插件文档提到它与 .eslintrc 一起使用。

我还尝试使用以下配置手动创建自己的 .eslintrc.js 文件：

module.exports = {
    env: {
        commonjs: true,
        es2021: true,
        node: true
    },
    extends: [
        'airbnb-base'
    ],
    parserOptions: {
        ecmaVersion: 12
    },
    rules: {}
};

但是，还是不行。 VS Code 未显示来自 ESLint 的任何警告或错误。我尝试过重新启动 VS Code 并重新加载扩展，但似乎没有任何帮助。

关于如何解决这个问题有什么建议吗？

Answer 1

ESLint 最近更改了默认配置格式。默认情况下不再启用旧版

.eslintrc

文件格式。相反，新的（“平面”）配置格式使用类似

eslint.config.js

的文件。您可以阅读更多相关内容：

• https://eslint.org/docs/latest/use/configure/configuration-files：新的配置文件文档
• https://eslint.org/docs/latest/use/configure/migration-guide：是迁移指南

您还需要确保您的 VS Code ESLint 扩展 (

"dbaeumer.vscode-eslint"

) 是最新的。旧版本需要

eslint.useFlatConfig

- 或者更旧的版本，需要

eslint.experimental.useFlatConfig

- 在 VS Code 设置中启用。在

https://github.com/microsoft/vscode-eslint

上搜索 useFlatConfig，了解从 3.0.5 开始，旧版本如何默认启用平面配置。