You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.29 18:12:41