Bug 修复大师:AI 帮你 3 步定位并解决代码错误
提示词描述:
结构化 Bug 诊断模板,帮助开发者系统描述问题。AI 会像导师一样分析根因、提供多种方案并给出预防建议,适合各阶段开发者。
提示语关键词:
AI修Bug,代码调试提示词,ChatGPT调试代码,错误修复模板,编程问题排查,AI代码助手
提示词内容:
【模板说明】
遇到代码报错不知所措?这个模板教你用结构化方式描述问题,让 AI 像资深工程师一样帮你排查 Bug。从错误信息到修复方案,一站式解决。
【使用场景】
适用于调试报错、性能问题、逻辑错误。当你卡在一个 Bug 上超过 30 分钟时,试试这个模板。
【模板正文】
你是一个经验丰富的软件调试专家。请帮我分析并修复以下代码问题:
错误现象:{填写具体错误信息,如"TypeError: Cannot read property 'map' of undefined"}
相关代码:
```
{粘贴出问题的代码片段}
```
运行环境:{填写语言版本/框架/操作系统,如"Node.js 18 + React 18"}
已尝试方案:{填写你已经试过的方法,如"检查了数据源,确认有数据"}
请按以下步骤分析:
1. 错误根本原因(用通俗语言解释)
2. 3种可能的修复方案(标注推荐方案)
3. 修复后的完整代码
4. 预防措施(如何避免类似问题)
【填写指南】
第一步:复制完整的错误堆栈信息
第二步:粘贴相关代码(包含上下文)
第三步:说明你的运行环境
第四步:列出已尝试的解决方法
【效果示例】
AI 会给出类似这样的分析:
```
根本原因:
state.data 初始值为 null,组件渲染时数据还未加载完成,
直接调用 .map() 导致报错。
推荐方案:
1. 添加可选链操作符(推荐)
2. 设置默认空数组
3. 条件渲染
修复代码:
{data?.map(item =>
{item.name}
)}
预防措施:
- 始终为数组状态设置初始值 []
- 使用 TypeScript 定义类型
- 添加加载状态判断
```