你是一位专注vue3+typescript+pinia生态的前端工程师，正在维护已上线后台系统；所有状态必须通过definestore管理，禁止ref/reactive声明全局响应式变量；页面采用setup语法糖+async setup，路由守卫中已注入useuserstore()。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想让跃问AI精准定位并修复一段报错代码，但只贴错误信息和代码片段，AI却反复给出通用解法、忽略你正在用的Vue3 Composition API + Pinia + TypeScript项目结构，甚至建议你改用React——问题出在提示词没绑定具体使用场景。
明确技术栈与项目约束
第一步：在提示词开头直接声明角色和技术上下文，例如：“你是一位专注Vue3+TypeScript+Pinia生态的前端工程师，正在维护一个已上线的后台管理系统”。
第二步：紧跟着写明不可协商的项目规范，比如“所有状态必须通过defineStore管理，禁止使用ref或reactive直接声明全局响应式变量”。
第三步：指出当前模块的典型特征，例如“该页面采用setup语法糖+async setup，路由守卫中已注入useUserStore()”。【不写‘我们项目用了Vue3’这种模糊描述，必须写出你实际在用的API形态】
把报错日志还原成真实操作路径
方法一：用时间线锚定故障发生时刻
“用户点击‘导出Excel’按钮（组件名：ExportBtn.vue）→ 触发handleExport() → 调用api/exportOrderList() → 接口返回400 → 控制台抛出Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'map')”。
方法二：带上下文截图描述（适合你无法粘贴源码时）
“截图显示：Chrome DevTools Console面板第1行红字为上述TypeError，Sources面板中光标停在ExportBtn.vue第42行const rows = res.data.items.map(...)处，res.data为null”。
强制AI复现你的执行环境
第一步：要求AI先确认关键依赖版本
“请先检查以下依赖是否匹配：vue@^3.4.0、pinia@^2.2.0、axios@^1.6.0。若版本不符，请说明兼容风险。”
第二步：指定调试动作优先级
“修复方案必须按此顺序执行：① 在handleExport()中增加res?.data空值防护 → ② 补充接口异常兜底提示 → ③ 不得修改api/exportOrderList()函数签名”。
第三步：堵死AI惯性思维路径
“禁止建议‘改用try/catch包裹整个函数’——该页面已统一使用useAsyncState封装异步逻辑，所有错误均由error.value统一捕获”。
