vscode本身不编译代码，所谓“swc替代babel”实为vite等构建工具调用swc，vscode仅需确保tsconfig.json与.swcrc配置一致、重启ts server、禁用干扰插件即可正确识别语法。
VSCode 本身不编译代码，所以“配置 Node 环境 + SWC 替代 Babel”不是在 VSCode 里装个插件就能跑起来的事——它依赖项目级构建工具（如 Vite）驱动 SWC，而 VSCode 只负责正确识别语法、不报错、不干扰。
确认项目已用 Vite + @vitejs/plugin-react-swc 启动
SWC 在 VSCode 中“生效”的前提是：你根本不是靠 VSCode 编译，而是靠 vite dev 或 vite build 运行时调用 SWC。Vite 官方模板 react-swc-ts 已默认启用 SWC，无需手动配 Babel。
- 新建项目直接用：
npm create vite@latest my-app --template react-swc-ts - 已有 Vite 项目，删掉
@vitejs/plugin-react（Babel 版），装@vitejs/plugin-react-swc - 检查
vite.config.ts是否导入并使用了reactSwc()插件，而非react() - 运行
npm run dev后，终端应显示 “using SWC for React transformation”，这才是真正启用的信号
tsconfig.json 和 .swcrc 必须严格对齐 jsx / decorator / importAttributes
VSCode 的 TypeScript 插件只读 tsconfig.json，完全忽略 .swcrc。但 SWC 运行时按 .swcrc 转译——两者若不一致，就会出现「代码能跑，VSCode 标红」或「VSCode 不报错，构建却失败」。
使用 @ainative/react-sdk 为 React 应用添加 AI 聊天和积分。适用于 (1) 安装 @ainative/react-sdk，(2) 使用 useChat hook 实现聊天完成。
-
tsconfig.json中"jsx": "react-jsx"→.swcrc里jsc.transform.react.runtime必须也为"react-jsx" - 用了装饰器？
tsconfig.json要设"experimentalDecorators": false+"decoratorMetadata": true+"target": "ES2022"；对应.swcrc开jsc.transform.decorator: { "version": "2022-03" } - 用了
import type或type Foo = import('./x').Foo？tsconfig.json得加"allowImportingTsExtensions": true和"moduleResolution": "bundler"，且.swcrc的jsc.parser.syntax设为"typescript"
改完配置后必须手动重启 TS Server
VSCode 不会自动重载 TypeScript 语言服务。哪怕你把 tsconfig.json 改得再准，不重启 TS Server，VSCode 仍用旧缓存解析文件——这就是 import type 报错、JSX 元素不识别、装饰器标红的最常见原因。
- 快捷键：
Ctrl+Shift+P（Win/Linux）或Cmd+Shift+P（macOS） - 输入并选择：
TypeScript: Restart TS server - 观察右下角状态栏是否短暂出现 “TypeScript language features are initializing…”
- 重启后，再打开
.tsx文件，检查错误是否消失
禁用所有干扰型 Babel 相关扩展
某些老旧插件（比如 “Babel JavaScript” 语法高亮扩展）会强行接管 JSX/TSX 语法解析逻辑，覆盖 TS 插件的行为，导致即使配置全对，VSCode 仍按 Babel 规则标红。
- 打开 VSCode 扩展面板（
Ctrl+Shift+X），搜 “babel” - 禁用所有非官方、非维护的 Babel 相关扩展，尤其是名称含 “Babel JavaScript”、“ES6 Snippets (Babel)” 的
- 保留官方插件即可：
ESLint、Prettier、TypeScript and JavaScript Language Features（内置） - 如果用了
JavaScript (ES6) code snippets，确认它没开启 “Babel mode” 选项（部分版本有隐藏开关）
真正卡住人的从来不是“怎么装 SWC”，而是 VSCode 的类型检查系统和 SWC 的运行时转换规则之间那几处细微的配置错位——它们藏在 tsconfig.json 和 .swcrc 的字段组合里，也藏在你忘了按 Ctrl+Shift+P 重启 TS Server 的那个瞬间。
