อ่าน Error และให้ AI ช่วย Debug
Error เป็นเรื่องปกติในการพัฒนาเว็บ สิ่งสำคัญคือคุณต้องส่งข้อมูลให้ AI ครบพอ
เวลาเจอ Error อย่าเพิ่งแก้สุ่ม ให้แยกก่อนว่า Error เกิดตอนติดตั้ง ตอนรันเว็บ ตอน build ตอนเปิดหน้าเว็บ หรือหลังแก้ไฟล์ใดไฟล์หนึ่ง เพราะแต่ละแบบมีวิธีตรวจต่างกัน
ข้อมูลที่ควรส่งให้ AI:
- กำลังทำอะไร
- Error ที่ขึ้นคืออะไร
- ไฟล์ที่เกี่ยวข้องคือไฟล์ไหน
- สิ่งที่ลองแก้ไปแล้วคืออะไร
Prompt Debug
Text
ตอนนี้ฉันกำลังรันโปรเจกต์ Next.js แล้วเจอ Error ด้านล่าง
สิ่งที่ทำ:
- แก้ไฟล์ components/Hero.tsx
- รันคำสั่ง npm run dev
Error:
[วาง Error ตรงนี้]
ช่วยอธิบายว่า Error นี้เกิดจากอะไรแบบเข้าใจง่าย
และบอกวิธีแก้ทีละขั้นตอน
ถ้าต้องแก้โค้ด ช่วยบอกด้วยว่าต้องแก้ไฟล์ไหน| อาการ | จุดที่ควรตรวจ |
|---|---|
| รัน npm run dev ไม่ได้ | package, dependency, port, syntax error |
| เปิดหน้าแล้ว layout พัง | Component ล่าสุดที่แก้, className, responsive class |
| รูปไม่ขึ้น | path ใน public, ชื่อไฟล์, import หรือ src |
| Build ไม่ผ่าน | TypeScript error, unused import, missing export |
| Deploy แล้วพังแต่ local ใช้ได้ | Environment Variables, build log, path ที่ต่างระหว่าง local/production |