Точка останова не попадает в vscode с веб-пакетом и машинописью - PullRequest
Новая
       93

Точка останова не попадает в vscode с веб-пакетом и машинописью

0 голосов
/ 02 октября 2019

При запуске отладки vscode с расширением chrome точка останова, установленная в vscode, не срабатывает. Когда я затем устанавливаю точку останова с помощью инструментов разработчика chrome и перезагружаю свою страницу, достигается точка останова (в vscode, так что после этого я могу отлаживать в vscode). Я использую webpack для создания одного .js-файла из моих источников машинописи. Все источники написаны машинописным шрифтом. Кто-нибудь может мне помочь выяснить, в чем дело?

В журнале трассировки я вижу следующую информацию: 

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

Мой файл launch.json: 

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

webpack.config.js - это: 

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'
  }
};
...