vue.js vscode unbound breakpoint

[shoaibsr7]

I keep getting this error message when I try to set a breakpoint in index.vue file.

Unbound breakpoint

 Some of your breakpoints could not be set. If you're having an issue, you can [troubleshoot your launch configuration]

This is my launch.json file I am using to debug:

{
    "version": "0.2.0",
    "configurations": [
        {
            "type": "msedge",
            "request": "launch",
            "name": "Launch Edge against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}/src",
            "sourceMapPathOverrides": {
                "webpack:///./src/*": "${webRoot}/*",
                "webpack:///src/*": "${webRoot}/*"
             }
        }
    ]
}

[connor4312]

/jsDebugLogs

[vs-code-engineering[bot]]

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