Babel JavaScript插件仅负责语法高亮，不参与类型检查或错误校验；满屏红线源于TypeScript语言服务或ESLint配置未启用实验性语法（如jsx、装饰器、类字段），需正确配置jsconfig.json/tsconfig.json及ESLint解析器。
VSCode 安装 Babel JavaScript 插件只负责语法高亮
它不参与类型检查、不解析 import type、不校验 props 类型，也不影响 ESLint 或 TypeScript Server 的报错逻辑。你装了 Babel JavaScript 插件后 JSX 标签变色了、{} 里表达式有高亮、?? 和 ?. 不再灰掉——这说明成功了；但满屏红线依旧，不是插件没起作用，而是它本来就不管那部分。
JSX 文件仍报错？问题大概率出在 TypeScript 语言服务
VSCode 默认用内置的 TypeScript 语言服务分析 .jsx 和 .tsx 文件，而 TS 对实验性语法（如 useDefineForClassFields、decorators）默认关闭。即使 Babel 能高亮，TS 仍会标红。
- 纯 JS 项目：在根目录加
jsconfig.json，确保含"checkJs": true和"jsx": "preserve" - TypeScript 项目：改
tsconfig.json，设"jsx": "react-jsx"，并启用"experimentalDecorators": true、"useDefineForClassFields": true - 若用
create-react-app或 Vite，默认已配好，但升级 TS 版本后可能需手动同步target（比如设为"ES2022"）
TSX 文件中 JSX 报错？确认 TS 配置识别 JSX 语法树
.tsx 是 TypeScript + JSX 混合文件，TS 必须明确知道哪些节点是 JSX 元素，否则会把 <div> 当作非法类型表达式报错。
-
"jsx": "react-jsx"是必须项（TS 4.1+ 推荐），不能只写"react" - 检查
"lib"是否包含"dom"和"es2022"（缺"dom"会导致document报错） - 如果用了
import type或declare module，确保"verbatimModuleSyntax": false（否则 TS 可能拒绝解析 JSX 上下文）
为什么装了插件还是不识别 <Suspense> 或 use client？
这些是 React 运行时或框架（如 Next.js）的专属语法，Babel 插件和 TypeScript 都不原生理解。它们不会导致高亮失效，但会触发 TS 的“无法找到名称”错误。
立即学习“Java免费学习笔记（深入）”；
-
<Suspense>：需确保react和react-dom类型定义已安装（npm install --save-dev @types/react @types/react-dom） -
use client：Next.js 13+ 的指令，TS 需要@types/reactv18.2.45+，且tsconfig.json中"types"字段要显式包含"react" - 插件本身无法添加对这些指令的语义支持——那是语言服务或框架插件的事
