VS Code中@nx/enforce-module-boundaries错误无法行内显示的问题

检查ESLint扩展的工作区配置 #

• 确认settings.json中ESLint相关配置正确指向项目依赖与配置文件，添加或调整以下内容：

  {
    "eslint.nodePath": "./node_modules",
    "eslint.validate": ["javascript", "javascriptreact", "typescript", "typescriptreact"],
    "eslint.options": {
      "overrideConfigFile": "./.eslintrc.json"
    }
  }
  

  若项目是monorepo结构，需保证ESLint扩展能遍历所有子项目的配置，避免仅检测根目录。

验证Nx ESLint规则配置 #

• 检查根目录.eslintrc.json，确认@nx/enforce-module-boundaries规则未被覆盖或禁用，示例配置片段：

  {
    "rules": {
      "@nx/enforce-module-boundaries": [
        "error",
        {
          "depConstraints": [
            {
              "sourceTag": "*",
              "onlyDependOnLibsWithTags": ["*"]
            }
          ]
        }
      ]
    }
  }
  

• 确保子项目的.eslintrc.json继承了根配置，没有单独关闭该规则。

重置ESLint服务状态 #

• 打开VS Code命令面板（Ctrl+Shift+P/Cmd+Shift+P），执行ESLint: Restart ESLint Server命令重启服务。
• 关闭并重新打开VS Code，清除编辑器缓存，避免旧配置残留。

确认工作区信任状态 #

• 检查VS Code左下角的工作区信任标识，确保当前项目已被标记为信任，未信任的工作区会限制ESLint扩展的运行权限。

对齐Node.js版本 #

• 确保VS Code终端使用的Node.js版本与项目依赖版本一致（可通过node -v查看），版本不匹配可能导致ESLint解析异常。

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