跳至主要内容

VS Code 起始中斷點問題

· 閱讀時間約 2 分鐘
Ivan Tsai
Ivan Tsai
Backend engineer

問題​

使用 Typescript 配合 VS Code 的 debugger 開發很方便，配合上 ts-node 的 register 就可以在 typescript 順暢的使用中斷點功能了。

不過最近在開發的時候好幾的專案都有同樣的問題，就是每次執行的時候總會在第一行自動停止，必須手動按下繼續，像下圖這樣；

沒有下任何中斷點的情況下會自動暫停，而且是在專案變大之後才會發生，這是我的 launch config

{
  "name": "Node Inspector",
  "type": "node",
  "request": "launch",
  "args": ["${workspaceRoot}/src/index.ts"],
  "runtimeArgs": ["-r", "ts-node/register"],
  "cwd": "${workspaceRoot}",
  "protocol": "inspector",
  "internalConsoleOptions": "openOnSessionStart",
  "env": {
    "NODE_ENV": "development"
  },
  "outputCapture": "std",
  "console": "integratedTerminal"
}

解決方案​

VS code 在啟動 node 程式時，其實是開啟 node 的 inspect 模式然後向他連線，為了避免我們的程式在 debug client (也就是 vs code) 連線之前就開始跑了，預設會加上 --inspect-brk 這個選項，這會讓我們的程式停在第一行。

通常 vs code 在 attach nodejs 後，會自動讓程式繼續跑，不過如果你的 node 開得特別慢，比如說我的案例是因為需要經過 ts-node，跑起來基本上都需要超過 10 秒，這時 vs code 就沒辦法自動繼續執行了。

解決方法也很簡單，你可以自己開啟 node debug server 且不要加上 brk 選項，或者在 launch.json 中，把 timeout 的值拉高，這樣就沒問題了。

參考資料​