Realtime graphs not showing

Hello,

The realtime graph is not showing while starting debugging.

I can however profile a session (and I can open the .cpuprofile files generated)

nb1: Clicking on both debug sessions does not do anything. nb2: I couldnt find anything suspect in extension logs (I could seach more if you tell me what to search for) nb3: Here is the debug config I’m running:

{
      "type": "node",
      "request": "launch",
      "name": "Webpack debug",
      "cwd": "${workspaceFolder}",
      "args": [
        "${workspaceFolder}/output/app-entry.js"
      ],
      "protocol": "inspector",
      "outputCapture": "std",
      "sourceMaps": true,
      "env": {
        "NODE_ENV": "development",
        "TZ": "utc",
      },
      "resolveSourceMapLocations": [
             ...
      ],
      "skipFiles": [
        "<node_internals>/**/*.js",
          .....
      ]
    }

[EDIT] Oh, if it’s of any help, I’m running vscode on WSL2

[connor4312]

It only shows up when you’re debugging, since we essentially run a repl function over the debug protocol to get performance data for Node. There are a a few different ways you debug npm scripts (without needing a launch config ):

• Select Debug: Node.js (preview) from the debug menu, which will autodetect npm scripts
• Use the code lens that appears in your package.json to debug an npm scripts
• Use the Npm Scripts view in the explorer (use the “Focus on NPM Scripts View” command if you’ve hidden this before) which has a debug button
• or use the debug terminal via the “Create JavaScript Debug Terminal” command, and manually npm run start:dev

[connor4312]

Ok, thanks for confirming.

We’ve made many changes to web views which should be more reliable nowadays. Closing this unless I hear of ongoing issues.