create-react-app项目VSCode中<>字符出现红色警告的求助
排查VSCode中React项目<>字符红色警告的方案
- 检查VSCode的HTML相关扩展:比如默认的HTML Language Features或第三方HTML插件,它们可能误将JSX里的
<>(片段语法)识别为不完整的HTML标签而报错。尝试禁用这类扩展后重启VSCode验证问题是否消失。 - 核对TypeScript配置(若项目使用TS):打开
tsconfig.json,确认jsx字段设置正确——React 17+应设为react-jsx,旧版本设为react。错误的JSX配置会导致语法识别异常。 - 排查Prettier冲突:即使禁用了ESLint,Prettier插件仍可能与VSCode内置语法检查冲突。可以在VSCode设置中添加
"prettier.disableLanguages": ["javascriptreact"],或暂时禁用Prettier扩展测试。 - 重置工作区配置:本地
.vscode/settings.json可能存在误改的语法检查设置。删除该文件中与JSX识别、语法校验相关的自定义配置,恢复默认设置后重启编辑器。 - 检查项目依赖版本:运行
npm list react react-dom查看依赖版本是否正常,若存在版本兼容问题,执行npm install react@latest react-dom@latest重新安装最新稳定版依赖。 - 清除VSCode语法缓存:按下
Ctrl+Shift+P(Windows/Linux)或Cmd+Shift+P(Mac),执行Developer: Reload Window强制重载窗口;也可手动删除VSCode缓存目录(如Windows路径为%APPDATA%\Code\Cache,Mac为~/Library/Caches/Code)后重启。
内容的提问来源于stack exchange,提问作者Jean Elite
相关产品推荐
相关产品推荐

