如何在 eslint-plugin-import 中為 typescript 配置 `no-cycle` 規則？

Question

一共有三個.ts文件， a.ts和b.ts相互循環導入，而c.ts則同時導入a.ts和b.ts 。

在檢查c.ts時，我希望 ESLint 報告循環依賴。

但是由於某種原因，運行yarn eslint src/c.ts不會引發任何錯誤！！！

a.ts ：

import y from "./b";

const x: number = y + 1;
export default x;

b.ts ：

import x from "./a";

const y: number = x + 1;
export default y;

c.ts ：

import x from "./a";
import y from "./b";

console.log(x, y);

和.eslintrc.json ：

{
  "extends": [
    "eslint:recommended",
    "plugin:@typescript-eslint/recommended",
    "plugin:import/errors",
    "plugin:import/warnings",
    "plugin:import/typescript"
  ],
  "plugins": ["@typescript-eslint", "import"],
  "parser": "@typescript-eslint/parser",
  "parserOptions": {
    "project": "./tsconfig.json"
  },
  "settings": {
    "import/extensions": [".js", ".jsx", ".ts", ".tsx"],
    "import/parsers": {
      "@typescript-eslint/parser": [".ts", ".tsx"]
    }
  },
  "rules": {
    "import/no-cycle": [
      "error",
      {
        "maxDepth": 10,
        "ignoreExternal": true
      }
    ]
  }
}

github repo： https://github.com/Yaojian/no-cycle-test

Answer 1

它不會在c.ts文件中引發 lint 錯誤，因為循環依賴關系在a.ts和b.ts之間。 ESLint 無循環規則說明。

a.ts file

b.ts file