Nx monorepo：elsint 无法使用 tsconfig.base.json 中指定的 @ 解析路径（import/no-unresolved

Question

我正在做一个 NX monorepo 项目。我配置了 linting。我有：

.elsintrc.json

  "settings": {
    "import/parsers": {
      "@typescript-eslint/parser": [
        ".ts",
        ".tsx"
      ]
    },
    "import/resolver": {
      "typescript": {
        "typescript": {
          "alwaysTryTypes": true,
          "project": [
            "tsconfig.base.json",
            "apps/**/tsconfig.json",
            "libs/**/tsconfig,json"
          ]
        }
      }
    }
  },
  ...
    {
      "files": [
        "*.ts",
        "*.tsx"
      ],
      "extends": [
        "plugin:@nrwl/nx/typescript",
        "prettier",
        "plugin:import/recommended"
      ],
      "rules": {}
    },

和package.json

    "eslint-config-prettier": "8.1.0",
    "eslint-import-resolver-typescript": "^3.5.1",
    "eslint-plugin-cypress": "^2.10.3",
    "eslint-plugin-import": "2.26.0",

和tsconfig.base.json

    "paths": {
      ...
      "@vertigo/utility/dto/query": [
        "libs/utility/dto/query/src/index.ts"
      ...
      ],
    },

据我从the docs 了解到，这应该是正确的。

但是，它仍然无法解析tsconfig.base.json中指定的路径：

 5:27  error    Unable to resolve path to module '@vertigo/utility/dto/query'  import/no-unresolved

Answer 1

我通过将其添加到项目根目录的 .eslintrc.json 来修复我的 Nx 项目中的这个问题：

"settings": {
  "import/parsers": {
    "@typescript-eslint/parser": [".ts", ".tsx"]
  },
  "import/resolver": {
    "typescript": {
      "project": ["tsconfig.base.json"]
    },
    "node": {
      "project": ["tsconfig.base.json"]
    }
  }
}