Eslint/Tslint 配置帮助(不包括文件)

jos*_*ron 2 javascript typescript eslint tslint

最近在我们的项目中迁移到使用@typescript-eslint/parsertslint 来慢慢迁移。一切都很顺利,但我有一个小问题/问题我无法解决。

我是否需要在 tsconfig 排除数组以及导出对象上的ignorePatterns 中指定忽略文件/模式.eslintrc?有什么不同?

我们的src/lang目录中有一个 messages.js 文件,我试图忽略它,但目前在我们的 pre-commit 钩子上抛出了一个 lint 错误,这让我想知道这个问题以及这两个设置如何协同工作。

Parsing error: "parserOptions.project" has been set for '@typescript-eslint/parser' The file does not match your project config: src/lang/messages.js. The file must be included in at least one of the projects provided

我认为我对这些交织的理解是关闭的,因为当 eslint 运行时,我认为 parserOptions 会从 tsconfig 中获取项目规则,其中排除了 js 文件。

目前,我在eslintrc 中谈论的部分如下所示:

module.exports = {
    parser: '@typescript-eslint/parser',
    parserOptions: {
        project: path.resolve(__dirname, './tsconfig.json'),
        tsconfigRootDir: __dirname,
        useJSXTextNode: true,
        sourceType: 'module',
        ecmaFeatures: {
            modules: true,
            jsx: true,
        },
    },
    ignorePatterns: ['node_modules/**', '.storybook/**', 'src/stories/**', '*.scss', '*.js'] // ignoring here works
Run Code Online (Sandbox Code Playgroud)

配置

"include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
"exclude": ["node_modules", "src/**/*.js"], // exclude here doesn't work.
Run Code Online (Sandbox Code Playgroud)

包.json:

"scripts": {
    "lint": "tsc --project ./tsconfig.json --noEmit && eslint --ext=jsx,ts,tsx src"
},
Run Code Online (Sandbox Code Playgroud)

drw*_*ode 9

ESLint 向@typescript-eslint/parser插件传递文件列表(ESLint 从命令行获取)。该@typescript-eslint/parser插件无法控制此列表,因此它会尽力根据给定的列表进行操作。

该错误消息试图通知用户 ESlint 正在对@typescript-eslint/parser插件解析的文件进行 linting 。从插件的角度来看,这可能有两个原因:

  1. 该文件是有目的地明确排除的(通过将其添加到 tconfig exclude)。
  2. 用户忘记将文件添加到 tsconfig include

在后一种情况下(更常见),插件想要通知用户他们的配置是错误的,以便他们可以更正。因此,您看到的错误消息。

为了从 TSLint 中正确排除文件,一种选择是使用.eslintignore文件。您还可以更改 eslint 命令以忽略排除的文件:

eslint ... --ignore-pattern "src/**/*.js"

(但请注意,忽略模式是相对于当前目录的,而不是相对于 tsconfig 等的位置)

或者,如果您确实希望 ESLint 对文件进行 lint(但仍将它们排除在 tsconfig 中),您可以考虑@typescript-eslint/parser通过创建一个扩展自普通 tsconfigtsconfig.eslint.json文件来提供更具包容性的 tsconfig for 。

另请参阅这些 GitHub 问题: