繁体   English   中英

我的“.eslintrc.js”文件出错 - “解析错误:已为@typescript-eslint/parser 设置了“parserOptions.project”。

[英]Error with my ".eslintrc.js" file - "Parsing error: "parserOptions.project" has been set for @typescript-eslint/parser."

ESLint 似乎无法解析“.eslintrc.js”文件

重现步骤:我建立了一个新的“hello world”TypeScript 项目,如下所示:

# Make a new directory for our new project
mkdir test
# Go into the new directory
cd test
# Create a "package.json" file
npm init --yes
# Install TypeScript
npm install typescript --save-dev
# Install ESLint (the linter)
npm install eslint --save-dev
# Install the Airbnb ESLint config (the most popular linting config in the world)
npm install eslint-config-airbnb-typescript --save-dev
# The import plugin for ESLint is needed for the Airbnb config to work properly with TypeScript
npm install eslint-plugin-import@^2.22.0 --save-dev
# The TypeScript plugin for ESLint is needed for the Airbnb config to work properly with TypeScript
npm install @typescript-eslint/eslint-plugin@^4.2.0 --save-dev
# Create the config file for TypeScript
touch tsconfig.json
# Create the config file for ESLint
touch .eslintrc.js
# Create the entry point for our TypeScript application
touch main.ts

我用以下(空白/默认配置)填充“tsconfig.json”文件:

{}

我在“.eslintrc.js”文件中填写以下内容,如Airbnb文档中所述

module.exports = {
  extends: ['airbnb-typescript/base'],
  parserOptions: {
    project: './tsconfig.json',
  },
};

我用以下内容填充“main.ts”:

const foo = 'bar';

然后,当我运行npx eslint main.ts ,它会正确生成以下错误:

  1:7  error  'foo' is assigned a value but never used  @typescript-eslint/no-unused-vars

因此,ESLint 似乎工作正常。 但是,当我运行npx eslint .eslintrc.js ,出现以下错误:

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

每当我打开“.eslintrc.js”文件时,VSCode 中也会出现此错误。 需要解决该错误,以便 ESLint 可以对文件的其余部分进行 lint。 (澄清一下,我希望“.eslintrc.js”文件以与我希望我的 TypeScript 源代码被 lint 相同的方式被 linted - 例如有 2 个空格缩进等等。)

附加信息:我使用的是带有 Node v14.8.0 和 npm 版本 6.14.7 的 Windows 10 LTSC。

ESLint 似乎无法解析“.eslintrc.js”文件

重现步骤:我建立了一个新的“hello world”TypeScript 项目如下:

# Make a new directory for our new project
mkdir test
# Go into the new directory
cd test
# Create a "package.json" file
npm init --yes
# Install TypeScript
npm install typescript --save-dev
# Install ESLint (the linter)
npm install eslint --save-dev
# Install the Airbnb ESLint config (the most popular linting config in the world)
npm install eslint-config-airbnb-typescript --save-dev
# The import plugin for ESLint is needed for the Airbnb config to work properly with TypeScript
npm install eslint-plugin-import@^2.22.0 --save-dev
# The TypeScript plugin for ESLint is needed for the Airbnb config to work properly with TypeScript
npm install @typescript-eslint/eslint-plugin@^4.2.0 --save-dev
# Create the config file for TypeScript
touch tsconfig.json
# Create the config file for ESLint
touch .eslintrc.js
# Create the entry point for our TypeScript application
touch main.ts

我用以下(空白/默认配置)填充“tsconfig.json”文件:

{}

我在“.eslintrc.js”文件中填写以下内容,如Airbnb文档中所述

module.exports = {
  extends: ['airbnb-typescript/base'],
  parserOptions: {
    project: './tsconfig.json',
  },
};

我用以下内容填充“main.ts”:

const foo = 'bar';

然后,当我运行npx eslint main.ts ,它会正确生成以下错误:

  1:7  error  'foo' is assigned a value but never used  @typescript-eslint/no-unused-vars

因此,ESLint 似乎工作正常。 但是,当我运行npx eslint .eslintrc.js ,出现以下错误:

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

每当我打开“.eslintrc.js”文件时,VSCode 中也会出现此错误。 需要解决该错误,以便 ESLint 可以对文件的其余部分进行 lint。 (澄清一下,我希望“.eslintrc.js”文件以与我希望我的 TypeScript 源代码被 lint 相同的方式被 linted - 例如有 2 个空格缩进等等。)

附加信息:我使用的是带有 Node v14.8.0 和 npm 版本 6.14.7 的 Windows 10 LTSC。

Retsam 的回答非常有效。 但是,您也可以只使用 @typescript-eslint/parser 通过使用ESLint 的 overrides来处理 TypeScript 文件。 这避免了创建一个新的tsconfig.json只是ESLint。

module.exports = {
  // Common configuration for .eslintrc.js and TypeScript files
  rules: {
    eqeqeq: "error",
    "no-var": "error",
    // ...
  },
  overrides: [{
    files: "**/*.ts"
    // TypeScript-only configuration
    parser: "@typescript-eslint/parser",
    parserOptions: {
      project: "tsconfig.json",
      tsconfigRootDir: __dirname,
      sourceType: "module",
    },
    plugins: ["@typescript-eslint"],
    rules: {
      "@typescript-eslint/no-floating-promises": "error",
      // ...
    }
  ]},
}

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM