TypeError: Cannot read property 'data' of undefined at src/pages/UserList.vue:42:18 这个useEffect里调用API获取用户列表，但后端有时返回null，前端没做判空就直接.data.map()。 Vue 3.4.21 + TypeScript 5.1，Pinia 2.1.7，部署在微信小程序基础库3.4.5环境。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
你想让腾讯元宝在代码评审时立刻识别出你正卡在哪个具体报错、哪行崩溃、哪个用户操作路径上，而不是输出“建议检查变量作用域”这种教科书式废话——真实开发者搜的是“TypeError Cannot read property ‘data’ of undefined 怎么修”，不是“如何做代码审查”。
把控制台红字直接当提示词开头
复制浏览器或终端里完整的报错栈，从异常类型开始，一字不落粘贴到提示词第一行。例如：TypeError: Cannot read property 'data' of undefined at src/pages/UserList.vue:42:18。
这一步跳过所有铺垫语，“请帮我看看这段代码”这种话必须删掉——真实搜索框里没人输入客气话，红字一出来就直接复制粘贴开搜。
如果报错信息里带了文件路径和行号，【务必保留，不能手动改成“某文件第X行”】——路径和行号是元宝定位上下文的关键锚点，改写等于主动丢掉解题线索。
紧接报错后补一句中文上下文
在报错栈下方空一行，用一句话说清这个函数本该干什么、谁调的、输入从哪来。比如：“这个useEffect里调用API获取用户列表，但后端有时返回null，前端没做判空就直接.data.map()。”
不要写“请分析原因”，搜索问题里没有请求语气；也不要写“怎么优化”，真实场景只认“怎么修复”。
这句上下文必须绑定用户行为：是点击按钮触发？页面加载自动执行？还是定时轮询？漏掉动作起点，元宝可能去查网络超时，而真正问题是后端文档没写清楚null返回场景。
明确写出技术栈与版本号
在提示词末尾单独一行，写死框架、语言、运行环境及版本。例如：Vue 3.4.21 + TypeScript 5.1，Pinia 2.1.7，部署在微信小程序基础库3.4.5环境。
版本信息不是补充说明，是硬性条件。Vue 3.4的响应式代理行为和3.2有差异，TypeScript 5.1对可选链的类型推导也比4.9更激进——漏掉版本，等于让元宝在错误的地图上找路。
禁止使用“较新版本”“主流版本”这类模糊表述，【元宝不会猜，只会按字面匹配知识库中的版本快照】。
描述现象必须包含四步用户路径链
① 用户点击“刷新列表”按钮 → ② 页面白屏2秒 → ③ 控制台抛出 Cannot destructure property 'id' of 'undefined' → ④ 列表区域显示空白，无loading也不报错提示。
这四步缺一不可。只写第③步，元宝会聚焦于解构语法本身；但加上第①步就知道是事件触发入口，第②步说明UI层已阻塞，第④步确认状态未兜底——综合起来才能锁定问题在响应数据校验环节缺失。
真实搜索问题永远是从人手开始、到眼睛结束，中间不能跳步骤。
把“怎么修复”写成可验证的动作目标
方法一：用方括号框定结果指标
在提示词里写：“【接口返回null时，页面必须显示‘暂无数据’提示，且不崩溃】，当前代码在data为undefined时直接解构导致报错。”
方法二：注明你已试过的失败方案
“试过在computed里加?.操作符，但TS报错‘Object is possibly ‘undefined’’；也试过v-if=“data”，但data是ref对象，v-if判断始终为true。”
这两句话比单纯说“页面崩溃”多出关键约束：前者告诉元宝修复必须达成什么可观测效果，后者排除了常见错误解法，把搜索意图压缩到唯一可行路径上。
