VS Code打开父目录时ESLint无法定位前端tsconfig.json路径的问题咨询

方法1：在ESLint配置中指定tsconfig路径 #

如果frontend目录有单独的.eslintrc.json（或.eslintrc.js），直接在配置里明确tsconfig的相对路径：

{
  "parserOptions": {
    "project": "./tsconfig.json"
  }
}

若父目录也存在ESLint配置，可通过覆盖规则限定仅对frontend生效，并指定正确的tsconfig路径：

{
  "ignorePatterns": ["backend/**/*"],
  "overrides": [
    {
      "files": ["frontend/**/*.ts", "frontend/**/*.tsx"],
      "parserOptions": {
        "project": "./frontend/tsconfig.json"
      }
    }
  ]
}

方法2：配置VS Code工作区ESLint设置 #

在父目录的.vscode/settings.json中添加以下配置，让ESLint插件将frontend作为工作目录，自动识别内部的tsconfig：

{
  "eslint.validate": ["typescript"],
  "eslint.workingDirectories": ["./frontend"],
  "eslint.options": {
    "overrideConfigFile": "./frontend/.eslintrc.json"
  }
}

此配置会让ESLint仅处理frontend目录下的文件，同时忽略backend的内容。

方法3：父目录创建tsconfig引用（可选） #

若需要顶层tsconfig文件，可创建一个空的根配置，通过引用指向frontend的tsconfig并排除backend：

{
  "files": [],
  "references": [{"path": "./frontend/tsconfig.json"}],
  "exclude": ["backend/**/*"]
}

该方法更适合跨目录编译场景，单纯解决ESLint问题的话前两种方案更直接。

内容的提问来源于stack exchange，提问作者ThomasRones