在通过 Yarn 管理的 VSCode 中使用自定义 eslint 配置文件

Question

我在 VSCode 中安装了 eslint 和运行，但它没有使用我们的配置文件。

我更改的设置是

{
  "eslint.nodePath": "C:\Users\PARAGON\Documents\AllCode\ParagonCore\clients\utilities\paragon-scripts\node_modules",
  "eslint.options": {
    "configFile": "C:\Users\PARAGON\Documents\AllCode\ParagonCore\clients\utilities\paragon-scripts\configuration\.eslintrc.js",
  },
  "eslint.packageManager": "yarn",
}

更新：

修改nodePath并修复文件路径错误

[Info  - 12:30:26 PM] ESLint library loaded from: 
C:\Users\PARAGON\AppData\Local\Yarn\config\global\node_modules\eslint\lib\api.js
[Error - 12:30:26 PM] Cannot read config file: C:\Users\PARAGON\Documents\AllCode\Paragon\ParagonCore\clients\utilities\paragon-scripts\configuration\.eslintrc.js Error: Cannot find module 'C:\Users\PARAGON\Documents\AllCode\Paragon\ParagonCore\clients\utilities\paragon-scripts\configuration\.eslintrc.js'
[Error - 12:32:56 PM] 
Failed to load plugin react: Cannot find module 'eslint-plugin-react'
Happened while validating C:\Users\PARAGON\Documents\AllCode\ParagonCore\clients\job-grid\source\scripts\components\AssignToUser.jsx
This can happen for a couple of reasons:
1. The plugin name is spelled incorrectly in an ESLint configuration file (e.g. .eslintrc).
2. If ESLint is installed globally, then make sure 'eslint-plugin-react' is installed globally as well.
3. If ESLint is installed locally, then 'eslint-plugin-react' isn't installed correctly.

Consider running eslint --debug C:\Users\PARAGON\Documents\AllCode\ParagonCore\clients\job-grid\source\scripts\components\AssignToUser.jsx from a terminal to obtain a 
trace about the configuration files used.

Failed to load plugin react: Cannot find module 'eslint-plugin-react'
Happened while validating C:\Users\PARAGON\Documents\AllCode\ParagonCore\clients\job-grid\source\scripts\components\controls\CreateJob.jsx
This can happen for a couple of reasons:
1. The plugin name is spelled incorrectly in an ESLint configuration file 
(e.g. .eslintrc).
2. If ESLint is installed globally, then make sure 'eslint-plugin-react' is 
installed globally as well.
3. If ESLint is installed locally, then 'eslint-plugin-react' isn't installed correctly.

Consider running eslint --debug 
C:\Users\PARAGON\Documents\AllCode\ParagonCore\clients\job-
grid\source\scripts\components\controls\CreateJob.jsx from a terminal to 
obtain a trace about the configuration files used.

Answer 1

首先，确保您没有全局安装该软件包。然后，将 "eslint.nodePath" 设置为与配置目录平行的 node_modules 目录的位置。

yarn global remove eslint
"eslint.nodePath": "C:/.../node_modules"
打开一些文件并在输出 window

在通过 Yarn 管理的 VSCode 中使用自定义 eslint 配置文件

Use custom eslint config file in VSCode that is managed via Yarn

visual-studio-code

eslint

yarnpkg