create-react-app 子文件夹项目不 lint答案

【问题标题】：create-react-app subfolder projects do not lintcreate-react-app 子文件夹项目不 lint
【发布时间】：2020-01-12 17:04:30
【问题描述】：

在子文件夹中使用 create-react-app 引导的项目不会 lint。但是，如果我在 VSCode 中以 root 身份打开项目子文件夹（如下图所示），或者在 root 下设置新的 create-react-app 项目，linting 工作正常。

标准和弹出的 create-react-app 项目都会出现这种情况。

理想情况下不弹出，如何使 create-react-app 的 linting 与子文件夹项目一起工作？

我正在使用 create-react-app v3.1.1、VSCode August 2019 和 Windows 10。

【问题讨论】：

eslint 插件 2.0.0+ 可以支持 {"eslint.workingDirectories": [{ "pattern": "./*" }]} 和 {"eslint.workingDirectories": [{ "mode": "auto" }]} 之类的东西

【解决方案1】：

VSCode ESLint Extension 包括用于指定工作目录的设置：

要使用的工作目录的数组。 ESLint 解析相对于工作目录的配置文件（例如 eslintrc）。这个新设置允许用户控制哪个工作目录是用于哪些文件。

因此，在这种情况下，将以下内容添加到 Workspace settings.json 文件可以解决问题：

{
    "eslint.workingDirectories": [
        "./client"
    ]
}

【讨论】：