vscode-js-profile-visualizer: 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

About this issue

Original URL
State: closed
Created 4 years ago
Reactions: 1
Comments: 15 (6 by maintainers)

Most upvoted comments

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 on Oct 21, 2020