VCA

AI 寫的程式壞了怎麼辦:除錯入門

AI 產的程式不一定一次就對。讀懂錯誤訊息、縮小範圍、把對的線索餵回 AI——新手除錯的系統方法。

發布於 更新於 審閱於 閱讀約 1 分鐘編輯方針#實作指南#除錯#AI 協作

一句話解釋

除錯不是用猜的,是「縮小範圍 + 把正確線索餵回 AI」;學會這套,AI 才修得動。

你會做出什麼

一套面對壞掉程式的固定步驟:怎麼讀錯誤、怎麼縮小範圍、怎麼把有用的線索給 AI 修。

壞掉很正常

AI 寫的程式不一定一次就對——這不是你的問題,是正常現象。差別在於:會除錯的人能把它修好,不會的人只會反覆叫 AI「再試一次」,越改越亂。除錯是可以學的系統方法,不是靈感。

第一步:讀錯誤訊息(別跳過)

壞掉時,畫面或瀏覽器的 Console(主控台) 通常會有一段紅字錯誤。新手最常見的錯就是「看到紅字就慌、直接貼給 AI 說『壞了』」。先自己讀一下:錯誤訊息常常直接告訴你哪個檔、第幾行、什麼問題。看不懂沒關係,但要把它完整抓下來。

第二步:縮小範圍(二分法)

不要一次盯著整個程式。問自己:「上次能動是什麼時候?這次改了什麼?」把問題範圍對半砍——把可疑的一段先拿掉或註解,看還會不會壞。能穩定重現、且範圍夠小,問題就好抓了。

第三步:把對的線索餵回 AI

修不動,通常是因為給 AI 的資訊太少。一次給齊這三樣,命中率會高很多:

  • 完整的錯誤訊息(整段,不是「它壞了」)。
  • 重現步驟:做了什麼會觸發、預期是什麼、實際發生什麼。
  • 你已經試過什麼:避免 AI 重複給你試過沒用的方法。

常見坑

  • 一次改太多:壞了不知道是哪一改造成的。一次改一處、改完就測。
  • 沒打開 Console:很多錯誤只在主控台顯示,畫面看起來「只是怪怪的」。
  • 無限「再試一次」:AI 連續修不好時,退一步自己縮範圍,再給新線索,比一直重試有效。

下一步

常見問題

AI 一直修不好同一個 bug 怎麼辦?

別陷入無限「再試一次」。退一步自己縮小範圍(用二分法找出是哪一段造成的),再把「完整錯誤 + 重現步驟 + 你試過什麼」一次給齊。資訊越具體,AI 越修得動;只說「還是壞的」幾乎一定原地打轉。

看不懂錯誤訊息,還能除錯嗎?

能。你不必看懂每個字,但要把**完整**錯誤抓下來給 AI——它通常看得懂。比錯誤本身更有用的,往往是「怎麼操作會觸發、預期是什麼、實際是什麼」這組重現步驟,把這些一起給,命中率最高。

參考來源

  1. Chrome DevToolsGoogle
  2. JavaScript error reference — MDNMozilla