VS Code中ESLint实例在Monorepo无法解析路径，JSON配置有替代方案吗？

问题根源 #

在项目根目录（modules的父文件夹）打开VS Code时，ESLint的工作目录是根目录，而client/backend子目录里的JSON配置文件中，路径相关规则（如import/resolver的路径映射）是相对各自子目录的，导致根目录运行时路径基准错位，无法正确解析导入。

JSON配置的可行替代方案 #

无需强制转换为JavaScript配置，以下两种方案可解决问题：

1. 硬编码相对项目根的绝对路径 #

修改子目录的.eslintrc.json，将路径改为相对于项目根目录的绝对路径。例如client目录的配置：
原配置（相对client目录）：

{
  "settings": {
    "import/resolver": {
      "node": {
        "paths": ["./src"]
      }
    }
  }
}

修改后（相对项目根）：

{
  "settings": {
    "import/resolver": {
      "node": {
        "paths": ["./modules/client/src"]
      }
    }
  }
}

缺点：项目结构调整时需手动更新路径。

2. 根目录配置+overrides字段统一管理 #

在项目根目录新建.eslintrc.json，设置root: true并通过overrides为不同子目录指定路径配置，让ESLint根据文件位置自动匹配：

{
  "root": true,
  "overrides": [
    {
      "files": ["modules/client/**/*"],
      "extends": "./modules/client/.eslintrc.json",
      "settings": {
        "import/resolver": {
          "node": {
            "paths": ["./modules/client/src"]
          }
        }
      }
    },
    {
      "files": ["modules/backend/**/*"],
      "extends": "./modules/backend/.eslintrc.json",
      "settings": {
        "import/resolver": {
          "node": {
            "paths": ["./modules/backend/src"]
          }
        }
      }
    }
  ]
}

同时，子目录的.eslintrc.json需移除root字段（或设为false），让根配置接管路径解析逻辑。

何时需要转用JavaScript配置 #

如果项目结构频繁变动，或需要动态计算路径（如根据环境变量自动适配），转换为.eslintrc.js会更灵活：

module.exports = {
  settings: {
    "import/resolver": {
      "node": {
        "paths": [`${__dirname}/src`]
      }
    }
  }
};

这种方式无需硬编码路径，适配性更强。

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