VS Code整理导入时自动移除import React from 'react'语句问题

该异常一般不是VS Code版本更新直接导致的，核心原因是JSX语法的导入判定规则和项目实际运行配置不匹配，常见诱因和修复方式如下：

• TypeScript JSX编译配置不匹配
  React 17 推出的新JSX转换机制支持编写JSX时无需在文件顶部显式声明import React from 'react'。如果项目tsconfig.json内compilerOptions.jsx配置为react-jsx或react-jsxdev，TypeScript语言服务会将显式的React导入判定为未使用依赖，执行shift+alt+o整理导入时就会自动删除该语句。
  对应处理：
  1. 若项目使用React 16及以下版本、或打包工具未配置新JSX转换规则，直接将tsconfig.json中jsx字段值修改为react，保存后按Ctrl+Shift+P（macOS系统按Cmd+Shift+P）调出命令面板，执行TypeScript: Restart TS Server重启TS服务即可恢复正常。
  2. 若项目已经适配React 17+新JSX转换，这个删除操作是符合预期的，移除该导入不会影响代码编译运行，无需额外处理。
• VS Code加载的TypeScript版本与项目本地版本不一致
  VS Code默认使用自带的TypeScript版本做语法校验，如果自带版本较高、默认开启新JSX转换判定逻辑，而项目本地安装的TypeScript版本较低、配置未同步，就会出现误判。
  对应处理：调出命令面板执行TypeScript: Select TypeScript Version，选择Use Workspace Version，切换为项目node_modules内安装的本地TypeScript版本后重启TS服务即可。
• 第三方扩展逻辑冲突
  部分负责导入排序、代码格式化的第三方扩展会接管VS Code默认的整理导入逻辑，如果扩展版本过旧、规则配置错误，会误将React导入判定为未使用依赖删除。
  对应处理：临时禁用所有非内置的代码处理扩展，测试整理导入功能是否恢复正常，若恢复则逐个启用扩展定位冲突项，更新或卸载对应扩展即可。

你找到的设置项不涉及JSX相关的导入判定逻辑，因此切换启用/禁用状态无法解决该问题。

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