如何配置Expo React Native项目启用TypeScript类型错误提示

1. 确认文件后缀与基础检查开关 #

如果你的项目中仍在使用.js/.jsx后缀的文件，TypeScript默认不会对这类文件做类型校验。如果需要校验JS文件，可在compilerOptions中新增两项配置：

{
  "compilerOptions": {
    // 原有配置保留
    "allowJs": true,
    "checkJs": true
  }
}

2. 补充include字段指定校验范围 #

Expo默认继承的expo/tsconfig.base可能未覆盖你所有的源码文件，需要手动指定TS需要扫描的文件路径，修改后的完整配置如下：

{
  "extends": "expo/tsconfig.base",
  "compilerOptions": {
    "strict": true,
    "noImplicitAny": true
  },
  "include": ["**/*.ts", "**/*.tsx", ".expo/types/**/*.ts", "expo-env.d.ts"]
}

3. 手动执行TS校验确认配置生效 #

不要完全依赖IDE的实时提示，先在项目根目录执行终端命令验证配置是否生效：
npx tsc --noEmit
如果执行该命令后输出了预期的类型错误，说明是IDE配置问题：

• VSCode用户可打开任意.tsx文件，点击右下角的TypeScript版本号，选择「使用工作区版本」即可

4. 校验ESLint规则（如果已接入） #

如果你项目中使用ESLint做代码校验，需要确认ESLint配置中开启了TypeScript相关的校验规则，例如@typescript-eslint/no-implicit-any，避免ESLint屏蔽了TS原生的类型错误提示。

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