Javascript Debugging in VSCode not working at all

ERPNext Customize ERPNext
, ,
1

I am facing an issue where I am trying to debug JavaScript code in VSCode, but it is not working at all. And I am unable to understand why it is not working. Let me share the details:

My VSCode folder is at the bench directory, and my launch.json is also at the bench directory, and it is as below

        {
            "type": "chrome",
            "request": "launch",
            "name": "JS Debugging",
            "url": "http://localhost:8000",
            "webRoot": "${workspaceFolder}",
            "sourceMaps": true

        }

Breakpoints in JavaScript are not hitting, and I don’t understand why it is happening. Can you please let me know how and where I can check for the issue?

When I start debugging, I get the following output in the debug console in VSCode, and I don’t know anything about it

Could not load source map from file_uploader.bundle.KDGSMBYW.js.map
Could not load source map from build_events.bundle.WCIYDPLR.js.map

Thank you in advance.

2

try bench build and restart

3

tried dozens of time

4

Are you on production mode? try clear-cache and clear-website-cache
Also, provide more details if this didn’t help.