VSCode中React Native项目全局DOM类型引用问题求助

要彻底禁用全局DOM类型（比如StyleSheet、Text被误指向lib.dom.d.ts），只需调整TypeScript和ESLint的配置，步骤如下：

1. 修改项目根目录的tsconfig.json #

在compilerOptions里做以下配置：

• 设置lib数组，只保留React Native需要的类型，移除"dom"
• 设置types数组，只包含react-native相关的类型，避免加载全局DOM类型
• 确保noLib不要设为true（否则会禁用所有内置lib，反而引发问题）

示例配置：

{
  "compilerOptions": {
    "target": "esnext",
    "module": "commonjs",
    "lib": ["esnext"],
    "types": ["react-native", "jest"],
    "jsx": "react-native",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true
  },
  "exclude": ["node_modules", "babel.config.js", "metro.config.js", "jest.config.js"]
}

2. 确保ESLint使用项目的TypeScript配置 #

如果你的ESLint配置文件（.eslintrc.js或.eslintrc.json）里有parserOptions，要指定project指向你的tsconfig.json，这样ESLint会遵循项目的类型规则，而非全局规则：

示例.eslintrc.js片段：

module.exports = {
  parser: '@typescript-eslint/parser',
  parserOptions: {
    project: './tsconfig.json',
    ecmaVersion: 'latest',
    sourceType: 'module'
  },
  // 其他ESLint配置...
};

3. 重启VSCode #

修改配置后，完全关闭VSCode再重新打开，确保新的TypeScript配置生效。此时全局DOM类型会被禁用，StyleSheet、Text这类标识符会正确关联到React Native的类型，ESLint也能自动触发导入修复了。

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