Vibe Coder
讀懂錯誤訊息:Traceback 怎麼從最下面往上讀
讀懂錯誤訊息:Traceback 怎麼從最下面往上讀
看到一堆紅字,你是不是只會說「壞掉了」?錯誤訊息其實把答案都寫在裡面:錯誤類型、發生在哪一行、哪個值出了問題。讀得懂,才能精確告訴 AI 問題在哪,而不是讓它亂猜。
你將學到什麼
Traceback 怎麼讀
從最下面往上,最下面一行就是解題的起點。
七種常見錯誤速查
看到錯誤類型,先查表,很多不用問 AI 就能自己解決。
瀏覽器的錯誤在哪裡找
Console 看 JS 錯誤,Network 看 API 有沒有打出去。
標準格式問 AI
檔案、行號、錯誤訊息加上動作描述,一次講清楚。
為什麼錯誤訊息是偵探,不是敵人
看到一堆紅字,不知道哪一行是關鍵,只能跟 AI 說壞掉了,AI 也只能亂猜。但其實錯誤類型、發生在哪一行、什麼值出了問題,全部都在錯誤訊息裡,讀得懂就能精確告訴 AI 問題在哪。而且 Python 的錯誤在終端機,JavaScript 的錯誤在瀏覽器 Console,API 的錯誤在 Network,知道去哪裡找,才能提供有用的資訊。
Traceback 怎麼讀:從最下面往上
Traceback (most recent call last):
File "app.py", line 15, in main
result = process(data)
File "app.py", line 8, in process
return data["name"]
KeyError: 'name'
七種常見錯誤速查
| 錯誤類型 | 什麼時候出現 | 第一步怎麼處理 |
|---|---|---|
| SyntaxError | 程式根本跑不起來 | 檢查括號有沒有關好、冒號有沒有漏掉 |
| IndentationError | 程式跑不起來 | 讓 AI 把縮排統一成四個空格 |
| NameError | 用了未定義的變數 | 確認變數名稱拼字和定義的先後順序 |
| TypeError | 型別不對還硬要操作 | 用型別查詢函式確認各個變數的型別 |
| KeyError | dict 取值,key 不存在 | 改用安全取值的方法,或先印出來看結構 |
| IndexError | list 取值,索引超出範圍 | 先確認清單長度,或判斷清單是不是空的 |
| ModuleNotFoundError | import 的套件沒裝 | 安裝對應套件,並確認虛擬環境有啟動 |
瀏覽器 DevTools:Console 和 Network
按 F12(Windows)或 Cmd 加 Option 加 I(Mac)開啟 Chrome DevTools。Console tab 顯示 JavaScript 執行結果和錯誤,Network tab 記錄所有網路請求。
| 看到什麼 | 代表什麼 | 怎麼處理 |
|---|---|---|
| Console 出現紅色錯誤訊息 | JavaScript 執行出錯 | 複製整段紅字給 AI |
| Uncaught TypeError | 對空值取值 | 找出是哪個變數是空的 |
| Failed to fetch | API 呼叫失敗 | 切到 Network tab 看詳情 |
| CORS 錯誤 | 跨網域請求被擋 | 請後端加上 CORS 設定 |
完整排錯 SOP
先分類,是終端機的 Python 錯誤、瀏覽器 Console 的 JS 錯誤、還是 Network 的 API 錯誤。找到錯誤類型和行號,Traceback 最下面一行是錯誤類型,往上找自己的檔案。對照速查表,很多錯誤不用問 AI 就能自己解決。貼完整的錯誤文字給 AI,不要用截圖,AI 能直接搜尋文字,效率差很多。
延伸學習
HE201|Harness Engineering System Design(6 小時)
六小時的實作課:從 Blueprint 走到可以跑的規格,再用 No-code、n8n 低程式碼與程式碼三條路各做一次同一個 harness,最後處理可靠度——重試、錯誤處理、人工覆核。7 章 54 課,含常見坑與排錯、Capstone 實作,附學員講義 PDF。
NT$ 5,999
知識變現切割地圖(高清版下載,不含講義)
《知識變現切割地圖》的高清完整版。一張圖把語氣、心理、內容、產品、再利用五層模組攤在同一個平面上,讓你回頭盤點已有內容、規劃新的轉化節奏。課程附上地圖本身的完整解說與應用指南,教你怎麼讀這張圖、從哪一層開始用。完整版 PDF 可下載,放大看細節不會糊。
NT$ 680

