Отладка приложения Vue.js с помощью VS Code. Ошибка непроверенная точка останова

У меня следующая проблема. Я хочу отладить свой проект Vue.js с VS Code и Chrome. Поэтому я следую официальному руководству на сайте Guide , но оно не работает. Проблема в том, что я всегда получаю ошибку:

 unverified breakpoint

Что я делаю не так?

Это мой vue.config.js

    module.exports = {
    configureWebpack: {
      devtool: 'source-map'
    }
  }

Это мой отладочный стеттинг :

    {
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "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}/*",
                "webpack:///./*": "${webRoot}/*",
                "webpack:///src/*": "${webRoot}/*",
                "webpack:///*": "*",
                "webpack:///./~/*": "${webRoot}/node_modules/*",
                "meteor://