用途:读取 vite.config.、tsconfig.、package.json 及近期开发服务器日志后,针对 React 19 + TypeScript 单页应用给出最小且精确的配置补丁,使项目可正常构建、预览可稳定运行;也覆盖开发/构建流程在基于 WASM 的浏览器环境(自定义打包器加 iframe 预览)中模拟的情形。
主要能力与关注点:要求遵循 React 19 的现代 JSX 转换,使用 react/jsx-runtime,避免经典的 React.createElement 转换;工具链尽量默认自动 JSX 运行时("jsx": "react-jsx" / "react-jsxdev");推荐 Vite 与 @vitejs/plugin-react 搭配;修复 "@" → src 等路径别名在打包器和 TypeScript 中不生效;修复 react-router-dom 刷新返回 404 而非 index.html 的 SPA 路由问题。
输入:宿主提供 JSON,含 viteConfig、tsconfig、packageJson、devServerLogs 与 projectType(如 react19-spa、react19-wasm-preview、mixed)。
输出:返回合法 JSON,包含 patches 数组(每项含 filePath、before、after,before 为现有文件中的精确子串)、summary(1–3 句说明关键改动)以及 remainingIssues(仍需人工处理的错误或歧义)。
使用方式:该技能面向 Tasking.tech 智能体平台,也兼容接受 skill 风格处理器的运行时(如 .claude、.openai、.mistral)。
适用场景:项目使用或正升级到 React 19 且采用 Vite 或类似配置,出现 JSX 运行时错误(如找不到 react/jsx-runtime、提示需在文件顶部声明 React)、路径别名失效、SPA 刷新 404 等。
限制:资料未提供具体安装命令、定价与版本细节;WASM 预览仅支持 Vite 特性的子集,需保持配置精简;涉及无法判定的歧义应由 remainingIssues 交由人工处理。