必须完整复现报错：①复制含错误类型、描述及紧邻两行调用位置的堆栈；②按时间戳写清操作流；③标注非默认环境状态；④提供最小可运行代码或三段式数据流；⑤明确技术栈与插件版本；⑥输出六步可验证复现步骤。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你需要让Trae精准复现一个真实发生的报错，但AI生成的复现步骤总丢关键细节——比如漏掉特定浏览器版本、跳过用户登录态、省略第三方SDK加载顺序，导致本地根本跑不起来。这说明提示词没把“可执行性”钉死在最小闭环里。
锁定完整复现链路
第一步：从浏览器控制台完整复制报错堆栈，必须包含最顶端错误类型（如TypeError）、冒号后描述（如Cannot read property 'items' of null）以及紧邻的两行调用位置（如at OrderList.vue:87:22）。只截“items is null”会丢失上下文锚点。
第二步：确认触发路径的每一步操作，写成带时间戳的操作流。例如：“09:15 用户已登录 → 09:16 点击‘导出订单’按钮 → 09:17 页面卡顿2秒 → 09:18 控制台弹出上述错误”。跳过中间环节会导致AI补全时引入错误假设。
第三步：标注所有非默认状态。比如“当前使用Chrome 125.0.6422.113（非Beta版）”“页面URL含query参数?tab=completed&limit=50”“已手动开启DevTools Network标签页并勾选‘Disable cache’”。【未声明这些状态，Trae默认按无缓存、无参数、最新稳定版Chrome推理】
注入最小可运行代码片段
方法一：直接粘贴出错组件中报错行及其前后5行代码，必须包含setup()结构或useXxx钩子调用。例如Vue组合式API中不能只贴const list = data.items，而要带上const { data } = await api.getOrderList()和onMounted(() => { ... })上下文。
方法二：若无法贴源码，用三段式描述数据流：“① 接口GET /api/orders?status=completed返回{ count: 0, items: [] }；② 页面逻辑对res.items[0].id做非空访问；③ 实际响应中items字段为null而非[]”。这比说“接口返回空数组”更精确。
绑定环境与依赖版本
在提示词末尾单起一行写明技术栈版本，格式严格为：“Vue 3.4.21 + Pinia 2.1.7 + Vite 5.0.8 + @vueuse/core 10.7.2”。不要写“Vue3最新版”，【Vue 3.4.21中ref解构行为与3.2不同，版本缺失会导致Trae按旧逻辑分析响应式失效】。
补充运行时依赖状态：“当前已安装Chrome插件：React Developer Tools v4.27.1、Vue Devtools v6.6.3；未启用任何代理工具”。插件干扰是高频隐性原因，不声明Trae不会纳入排查范围。
强制输出可验证复现步骤
① 打开指定URL：https://admin.example.com/orders?tab=completed&limit=50（确保query参数完整）→
② 使用Chrome 125.0.6422.113，禁用所有扩展（除Vue Devtools外）→
③ 登录账号test-admin@demo.com（密码已预置，无需输入）→
④ 等待页面加载完成（Network面板显示all requests finished且无pending）→
⑤ 点击右上角「导出订单」按钮 → 观察控制台是否立即出现TypeError: Cannot read property 'items' of null堆栈，且第87行指向OrderList.vue。
