Webpack ve TypeScript ile vscode'da kesme noktası tetiklenmedi

Chrome uzantısı ile vscode hata ayıklamayı başlattığımda, vscode'da ayarladığım bir kesme noktası tetiklenmiyor. Daha sonra Chrome'un geliştirici araçları aracılığıyla bir kesme noktası ayarladığımda ve sayfamı yeniden yüklediğimde, kesme noktası tetikleniyor (vscode'da, böylece sonrasında vscode'da hata ayıklayabiliyorum). Typescript kaynaklarımdan tek bir .js dosyası üretmek için webpack kullanıyorum. Tüm kaynaklar typescript ile yazılmıştır. Birisi neyin yanlış olduğunu bulmama yardımcı olabilir mi?

İzleme günlüğünde, aşağıdaki bilgileri görüyorum:

SourceMaps.getMapForGeneratedPath: Using inlined sourcemap in webpack-internal:///./src/amxcanvas.ts
SourceMap: creating for webpack-internal:///./src/amxcanvas.ts
SourceMap: sourceRoot:
SourceMap: sources: ["webpack://AmxCvs/./src/amxcanvas.ts?f516"]
SourceMap: no sourceRoot specified, using webRoot + script path dirname:
SourceMaps.scriptParsed: webpack-internal:///./src/amxcanvas.ts was just loaded and has mapped sources: ["/webpack:/AmxCvs/src/amxcanvas.ts"]
OnScriptParsed.resolvePendingBPs: The following pending breakpoints won't be resolved: undefined pendingBreakpointsByUrl = [["/Users/hoef/Documents/projekte/canvas.ts/src/amxcanvas.ts",{"args":{"source":{"name":"amxcanvas.ts","path":"/Users/hoef/Documents/projekte/canvas.ts/src/amxcanvas.ts"},"lines":[12],"breakpoints":[{"line":12}],"sourceModified":false},"ids":[1000],"requestSeq":4,"setWithPath":""}]] source = /webpack:/AmxCvs/src/amxcanvas.ts
OnScriptParsed.resolvePendingBPs: The following pending breakpoints won't be resolved: undefined pendingBreakpointsByUrl = [["/Users/hoef/Documents/projekte/canvas.ts/src/amxcanvas.ts",{"args":{"source":{"name":"amxcanvas.ts","path":"/Users/hoef/Documents/projekte/canvas.ts/src/amxcanvas.ts"},"lines":[12],"breakpoints":[{"line":12}],"sourceModified":false},"ids":[1000],"requestSeq":4,"setWithPath":""}]] source = webpack-internal:///./src/amxcanvas.ts

Benim launch.json dosyam şunlardır:

    {
        "type": "chrome",
        "request": "launch",
        "sourceMaps": true,
        "name": "Launch Chrome without Webserver",
        "file": "${workspaceFolder}/dist/index.html",
        "trace": "verbose"
    }

webpack.config.js şudur:

const path = require("path");

module.exports = {
  mode: 'development',
  devtool: 'source-map',
  entry: path.join(__dirname, '/src', '/amxcanvas.ts'),
  module: {
    rules: [
      {
        test: /\.tsx?$/,
        use: 'ts-loader',
        exclude: /node_modules/
      },
      {
        test:/\.css$/,
        use:['style-loader','css-loader']
      },
    ]
  },
  resolve: {
    extensions: [ '.tsx', '.ts', '.js' ]
  },
  output: {
    filename: 'amxcanvas.bundle.js',
    path: path.resolve(__dirname, 'dist'),
    libraryTarget: 'var',
    library: 'AmxCvs'
  }
};