绝对导入 eslint 错误

在使用绝对导入时，有时会在 eslint 检查时报错，提示无法解析模块。这是因为 eslint 默认的解析器无法识别绝对导入路径。

为了解决这个问题，我们可以在 eslint 的配置文件中，添加解析器选项，指定可解析绝对导入路径。

以下是针对不同模块系统的配置示例：

CommonJS（Node.js）

module.exports = {
  // ...
  parserOptions: {
    ecmaVersion: 2020,
    sourceType: "script",
  },
  settings: {
    "import/resolver": {
      node: {
        paths: ["src"], // 添加项目根目录的 "src" 文件夹
      },
    },
  },
};

ES6 Modules

module.exports = {
  // ...
  parserOptions: {
    ecmaVersion: 2020,
    sourceType: "module",
  },
  settings: {
    "import/resolver": {
      node: {
        paths: ["src"], // 添加项目根目录的 "src" 文件夹
      },
    },
  },
};

TypeScript

module.exports = {
  // ...
  parser: "@typescript-eslint/parser",
  parserOptions: {
    ecmaVersion: 2020,
    sourceType: "module",
  },
  plugins: ["@typescript-eslint"],
  settings: {
    "import/resolver": {
      node: {
        paths: ["src"], // 添加项目根目录的 "src" 文件夹
      },
    },
  },
};

上述示例中，我们使用了 eslint-import-resolver-node 插件，并通过 "paths" 选项添加了项目根目录下的 "src" 文件夹，使绝对导入路径可以被 eslint 识别。

通过这种方式可以解决 eslint 检查绝对导入路径时的报错问题，使开发过程更加顺畅。