[Next.js]VSCodeでフルスタック(サーバー＆クライアント同時）デバッグ方法

Next.jsをVSCodeでデバッグする方法ですが、公式がちょっとわかりにくかったのでメモを残しておきます。
まず、公式サイトに設定ファイルがありますのでそのリンクを書いておきます。

Learn how to debug your Next.js application with VS Code or Chrome DevTools.

{
"version": "0.2.0",
"configurations": [
{
  "name": "Next.js: debug server-side",
  "type": "node-terminal",
  "request": "launch",
  "command": "npm run dev"
},
{
  "name": "Next.js: debug client-side", 
  "type": "chrome",
  "request": "launch",
  "url": "http://localhost:3000"
},
{
  "name": "Next.js: debug full stack",
  "type": "node",
  "request": "launch",
  "program": "${workspaceFolder}/node_modules/.bin/next",
  "runtimeArgs": ["--inspect"],
  "skipFiles": ["<node_internals>/**"],
  "serverReadyAction": {
    "action": "debugWithEdge",
    "killOnServerStop": true,
    "pattern": "- Local:.+(https?://.+)",
    "uriFormat": "%s",
    "webRoot": "${workspaceFolder}"
  }
}
]
}

lanche.jsonにこの設定を書いてあげればOKです。

サーバーサイド、クライアントサイド、フルスタック(両方)の３パターンがあります。
しかしフルスタックだけこんなエラーメッセージが出てなぜかうまくいきません。