[BUG] how to debug in vscode?

[hhmy27]

What happened?

I'd like to try debugging my project in vscode, but I didn't find a tutorial in the official documentation
Here's my config

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "attach",
      "name": "Attach to Chrome Extensions",
      "port": 9222,
      "webRoot": "${workspaceFolder}/src"
    }
  ]
}

and my launch command pnpm dev --remote-debugging-port=9222 --user-data-dir=remote-debug-profile
but it still says I can't find the target

Anyone knows?

Version

Latest

What OS are you seeing the problem on?

No response

What browsers are you seeing the problem on?

No response

Relevant log output

No response

(OPTIONAL) Contribution

• I would like to fix this BUG via a PR

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems.