使用babel module-resolver与TypeScript时ESLint类型推断异常

路径别名导入时类型推断失效、ESLint报Unsafe call of an 'any' typed value错误，核心原因是TypeScript路径配置、Babel模块解析配置、ESLint导入解析配置三者规则不匹配，TS和ESLint无法顺着别名路径定位到对应模块的类型定义，只能将导入值识别为any类型。

1. 修正tsconfig.json配置 #

你现有配置存在两个问题：paths规则只配置了通配符匹配，和Babel的精确别名规则不匹配；include范围配置模糊，没有明确覆盖源码目录，导致TS无法扫描到别名对应的模块类型。
将配置替换为以下内容：

{
  "extends": "../../tsconfig.json",
  "compilerOptions": {
    "jsx": "react-native",
    "baseUrl": ".",
    "paths": {
      "@components/*": ["./src/common/components/*"],
      "@components": ["./src/common/components"],
      "@theme/*": ["./src/lib/theme/*"],
      "@theme": ["./src/lib/theme"],
      "@hooks/*": ["./src/common/hooks/*"],
      "@hooks": ["./src/common/hooks"],
      "@features/*": ["./src/features/*"],
      "@features": ["./src/features"]
    },
    "typeRoots": [
      "./typings",
      "../../node_modules/@types"
    ]
  },
  "include": ["./src/**/*", "./typings/**/*"],
  "exclude": [
    "node_modules",
    "babel.config.js",
    "metro.config.js",
    "jest.config.js"
  ]
}

2. 修正babel.config.js的module-resolver配置 #

现有配置中别名路径被不必要的数组包裹，root配置和baseUrl不对齐，会导致Babel解析路径和TS规则错位。
将module-resolver插件配置替换为：

[
  'module-resolver',
  {
    alias: {
      '@components': './src/common/components',
      '@theme': './src/lib/theme',
      '@hooks': './src/common/hooks',
      '@features': './src/features',
    },
    extensions: ['.js', '.jsx', '.ts', '.tsx', '.json'],
    root: ['./src'],
  },
],

3. 补全ESLint导入解析配置 #

现有ESLint仅配置了babel-module解析器，无法读取TS的paths规则做类型校验，需要先安装缺失的解析依赖：

npm i -D eslint-import-resolver-typescript

然后修改.eslintrc中的settings段：

"settings": {
  "import/resolver": {
    "typescript": {
      "project": "./tsconfig.json"
    },
    "babel-module": {
      "extensions": ['.js', '.jsx', '.ts', '.tsx']
    }
  }
}

4. 清缓存验证 #

配置修改完成后执行以下操作避免缓存干扰：

• 删除项目下的node_modules/.cache目录
• 重启TypeScript语言服务（VS Code可通过命令面板执行TypeScript: Restart TS Server）
• 重启Metro打包服务，重新运行ESLint校验即可

• 所有别名规则在TS、Babel、ESLint三个配置文件中必须完全一一对应，不要出现某一边多配、漏配后缀的情况
• 确认被导入的useTheme方法有明确的类型标注，不存在隐式any导出

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