デバッガーの接続

通常の Node.js ツールで Workers をデバッグできます。ブレークポイントの設定、値の監視、コールスタックの検査などは、デバッガーで行える操作の例です。

VS Code で Worker をデバッグする最も簡単な方法は、新しい設定を作成することです。

VS Code のアクティビティバーで Run and Debug メニューを開き、次の内容の .vscode/launch.json ファイルを作成します。

---
filename: .vscode/launch.json
---
{
  "configurations": [
    {
      "name": "Miniflare",
      "type": "node",
      "request": "attach",
      "port": 9229,
      "cwd": "/",
      "resolveSourceMapLocations": null,
      "attachExistingChildren": false,
      "autoAttachChildProcesses": false,
    }
  ]
}

Run and Debug メニューで Miniflare 設定を選び、緑色の再生ボタンをクリックしてデバッグを開始します。

右上の Add Configuration をクリックして、新しい設定を作成します。

ポップアップ左上の plus ボタンをクリックし、新しい Node.js/Chrome 設定を作成します。Host に localhost、Port に 9229 を入力し、OK をクリックします。

新しい設定を選んだ状態で、緑色のデバッグボタンをクリックしてデバッグを開始します。

Workers DevTools からもブレークポイントを追加できます。詳細は、Cloudflare Workers ドキュメントの ガイド を参照してください。