VSCode如何禁用或移除react/cjs/react.development自动补全

方法1：配置自动导入路径黑名单（优先推荐） #

直接将React内部cjs目录排除在自动补全候选范围外，永久屏蔽错误导入源：

• 打开VSCode设置面板：快捷键Ctrl+,（Windows/Linux）或Cmd+,（Mac）
• 搜索Auto Import File Exclude，分别找到JavaScript和TypeScript对应的配置项
• 给两个配置项都添加排除规则：**/react/cjs/**

如果习惯直接编辑settings.json，添加以下两行配置即可：

// 禁止从react的cjs目录自动导入
"javascript.preferences.autoImportFileExcludePatterns": ["**/react/cjs/**"],
"typescript.preferences.autoImportFileExcludePatterns": ["**/react/cjs/**"]

方法2：校验项目配置避免异常触发 #

如果是TypeScript项目，检查tsconfig.json的compilerOptions配置：

• 确保moduleResolution设置为bundler（React 17+ 脚手架项目默认配置）或node，避免模块解析规则异常扫描到React内部构建文件
• 不要手动在typeRoots中添加node_modules/react/cjs相关路径

方法3：批量修复存量错误导入 #

如果项目中已经存在错误导入语句，全局搜索from 'react/cjs/react.development'，批量替换为from 'react'即可解决现有报错。

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