Sfcに置いたブレークポイントが機能しない問題について

vscodeにて、単一ファイルコンポーネントファイルのTypeScriptで書かれたスクリプト部にブレークポイントを配置してデバッグ実行すると、ブレークポイントとは違う場所で停止してしまいます。

スクリプト部の lang=“ts” を削除しJavaScriptとして扱うと、望み通りブレークしてくれます。

TypeScriptでも同様にブレークポイントを機能させたいのですが、どこを確認するべきでしょうか?

■再現ビデオ

vue-cliでプロジェクトを新規作成し以下のファイルを追加編集した状態で再現します。

■vue.config.js

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

■vscode\launch.json

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