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:
    "version": "0.2.0",
    "configurations": [
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Chrome Localhost",
            "url": ""
            //"webRoot": "${workspaceFolder}"
            "type": "pwa-chrome",
            "request": "attach",
            "name": "Chrome attach",
            "url": "",
            "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?