How to debug Javascript / Moralis code with VSCode

I’m trying to debug this Moralis / Javascript code in VSCode:

Here’s my launch.json:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Chrome Localhost",
            "url": "http://127.0.0.1:5500/index.html"
            //"webRoot": "${workspaceFolder}"
        },
        {
            "type": "pwa-chrome",
            "request": "attach",
            "name": "Chrome attach",
            "url": "http://127.0.0.1:5500/index.html",
            "port": 9222
        }
    ]
}

When I try to debug using the first configuration, it launches a new Chrome but without Metamask (or any other extensions). When I try the second configuration, nothing happens. I’m still in VSCode and my breakpoints are not triggered. I even tried adding “userDataDir” : false as recommended here, but that just launches a blank chrome tab with no URL instead of launching the url I specified in launch.json.

What am I doing wrong?

Thanks!