Can't debug in vue-cli 3.0x/4.x webpack app

The below configurations works well with debugger for chrome, but not works with debugger for firefox.

{
  "version": "0.2.0",
  "configurations": [
    {
      "type": "chrome",
      "request": "launch",
      "name": "vuejs: chrome",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/src",
      "breakOnLoad": true,
      "sourceMapPathOverrides": {
        "webpack:///./src/*": "${webRoot}/*"
      }
    },
    {
      "type": "firefox",
      "request": "launch",
      "name": "vuejs: firefox",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/src",
      "pathMappings": [{ "url": "webpack:///src/", "path": "${webRoot}/" }]
    }
  ]
}

https://github.com/vuejs/cn.vuejs.org/issues/1026

vue-cli : 4.0.4 vue : 2.6.10 language: typescript

firefox: 69.0.3

[Akimotorakiyu]

@hbenl find the issue, now it works(need fresh page once more #92).

[hbenl]

Thanks for the screenshot, that allowed me to reproduce the issue. I am currently rewriting the sourcemapping code in the extension (mostly to improve performance and support the new UI for column breakpoints). It will become more similar to how Firefox’ built-in debugger handles sourcemaps and since that works with this example, the rewrite should fix the issue.