angular debugging goes to zone.js on 2nd run

[sanket-bhalerao]

Type: Bug

angular debugging goes to zone.js on 2nd run STR: debug angular application refresh the browser watch the debug point in the zone.js file instead of actual debug point

VS Code version: Code - Insiders 1.91.0-insider (fec18ef7d6793521c4683e67e569579ea970cc6d, 2024-06-10T05:48:36.787Z) OS version: Windows_NT x64 10.0.22621 Modes:

System Info

|Item|Value| |---|---| |CPUs|Intel(R) Core(TM) i7-8665U CPU @ 1.90GHz (8 x 2112)| |GPU Status|2d_canvas: enabled
canvas_oop_rasterization: enabled_on
direct_rendering_display_compositor: disabled_off_ok
gpu_compositing: enabled
multiple_raster_threads: enabled_on
opengl: enabled_on
rasterization: enabled
raw_draw: disabled_off_ok
skia_graphite: disabled_off
video_decode: enabled
video_encode: enabled
vulkan: disabled_off
webgl: enabled
webgl2: enabled
webgpu: enabled| |Load (avg)|undefined| |Memory (System)|15.82GB (8.91GB free)| |Process Argv|| |Screen Reader|no| |VM|0%|

Extensions (41)

Extension|Author (truncated)|Version ---|---|--- ng-template|Ang|18.0.0 atlascode|atl|3.0.10 jsoncrack-vscode|Ayk|2.0.3 vscode-tailwindcss|bra|0.10.5 ddb50|CS5|1.1.2 vscode-markdownlint|Dav|0.55.0 vscode-eslint|dba|2.4.4 githistory|don|0.6.20 gitlens|eam|15.1.0 EditorConfig|Edi|0.16.4 prettier-vscode|esb|10.4.0 copilot|Git|1.200.0 copilot-chat|Git|0.16.0 copilot-labs|Git|0.17.1121 vscode-drawio|hed|1.6.6 output-colorizer|IBM|0.1.2 mongodb-vscode|mon|1.6.0 vscode-scss|mrm|0.10.0 remote-ssh|ms-|0.110.1 remote-ssh-edit|ms-|0.86.0 vscode-remote-extensionpack|ms-|0.25.0 remote-explorer|ms-|0.4.3 vscode-typescript-next|ms-|5.5.20240505 angular-console|nrw|18.21.4 fabric8-analytics|red|0.9.4 vscode-xml|red|0.27.2024053103 vscode-yaml|red|1.15.0 sonarlint-vscode|Son|4.6.0 code-spell-checker|str|3.0.1 vscode-stylelint|sty|1.4.0 win-ca|uko|3.5.1 intellicode-api-usage-examples|Vis|0.2.8 vscodeintellicode|Vis|1.3.1 vscodeintellicode-completions|Vis|2.0.0 vscode-boot-dev-pack|vmw|0.2.1 veracode-greenlight-for-vs-code|vs-|1.6.5272135 vscode-java-debug|vsc|0.57.0 vscode-java-dependency|vsc|0.23.6 vscode-java-pack|vsc|0.27.0 vscode-maven|vsc|0.44.0 vscode-spring-initializr|vsc|0.11.2

[sanket-bhalerao]

issue comes with all extensions disabled as well

[sanket-bhalerao]

launch.json

{
  "configurations": [
    {
      "name": "debug UTC",
      "type": "chrome",
      "request": "attach",
      "address": "localhost",
      "restart": true,
      "port": 9222,
      "timeout": 60000,
      "sourceMaps": true,
      "webRoot": "${workspaceFolder}",
      "pathMapping": {
        "/_karma_webpack_": "${workspaceFolder}"
      },
      "skipFiles": [
        "${workspaceFolder}/node_modules/**/*"
      ],
    },
    {
      "type": "chrome",
      "name": "Launch Microsoft Edge",
      "request": "launch",
      "runtimeArgs": [
        "--remote-debugging-port=9222"
      ],
      "url": "http://localhost:4200", // Provide your project's url to finish configuring
      "presentation": {
        "hidden": true
      },
      "cleanUp": "onlyTab"
    },
    {
      "type": "chrome",
      "name": "Launch Microsoft Edge in headless mode",
      "request": "launch",
      "runtimeArgs": [
        "--headless",
        "--remote-debugging-port=9222"
      ],
      "url": "http://localhost:4200", // Provide your project's url to finish configuring
      "presentation": {
        "hidden": true
      }
    },
    {
      "type": "vscode-edge-devtools.debug",
      "name": "Open Edge DevTools",
      "request": "attach",
      "url": "http://localhost:4200", // Provide your project's url to finish configuring
      "presentation": {
        "hidden": true
      }
    }
  ],
  "compounds": [
    {
      "name": "Launch Edge Headless and attach DevTools",
      "configurations": [
        "Launch Microsoft Edge in headless mode",
        "Open Edge DevTools"
      ]
    },
    {
      "name": "Launch Edge and attach DevTools",
      "configurations": [
        "Launch Microsoft Edge",
        // "Open Edge DevTools"
      ]
    }
  ]
}

this config is used to launch the chrome instance for debugging: Launch Edge and attach DevTools

[roblourens]

/jsDebugLogs

[vscodenpa]

Please collect trace logs using the following instructions:

If you're able to, add "trace": true to your launch.json and reproduce the issue. The location of the log file on your disk will be written to the Debug Console. Share that with us.

⚠️ This log file will not contain source code, but will contain file paths. You can drop it into https://microsoft.github.io/vscode-pwa-analyzer/index.html to see what it contains. If you'd rather not share the log publicly, you can email it to connor@xbox.com

[vscodenpa]

This issue has been closed automatically because it needs more information and has not had recent activity. See also our issue reporting guidelines.

Happy Coding!