【VSCode】Vue.js で Unbound breakpoint

困りごと

VSCodeでのVue.js（TypeScript）の開発時にブレークポイントを設定しようしたら、以下のようになってブレークポイントが貼れない、止まらない。



launch.json

{
  "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}/" }]
    }
  ]
}

解決

VSCodeの設定で以下の設定をfalseにしたらブレークポイントが設定できました。



参考