Отладка VSCode на работающем webpack-dev-server, пропускает точки останова - PullRequest
Новая
       9

Отладка VSCode на работающем webpack-dev-server, пропускает точки останова

0 голосов
/ 15 марта 2020

У меня установлен отладчик для расширения chrome. Я запускаю свое приложение, используя 

webpack-dev-server -d --config webpack.dev.js --inline

Я запускаю приложение реакции, все исходные коды находятся в папке / sr c. У меня есть js, ts и tsx файлы. Когда я ставлю точку останова на функцию рендеринга, редактор правильно прерывает выполнение, но когда я ставлю точку останова на событие onClick кнопки, он не прерывается, он просто продолжает выполнение кода.

связанная часть моей конфигурации webpack выглядит следующим образом: 

  mode: 'development',
  devtool: 'source-map',
  entry: {
    bundle: [
      '@babel/polyfill',
      'react-hot-loader/patch',
      `webpack-dev-server/client?http://${host}:${devPort}`,
      'webpack/hot/only-dev-server',
      path.resolve(__dirname, 'src/index.js'),
    ],
  },
  output: {
    path: path.resolve(__dirname, 'public'),
    publicPath: '/',
    filename: '[name].[hash:16].js',
    chunkFilename: '[id].[hash:16].js',
  },
  devServer: {
    inline: true,
    port: devPort,
    contentBase: path.resolve(__dirname, 'public'),
    hot: true,
    writeToDisk: true,
    publicPath: '/',
    historyApiFallback: true,
    host,
  }

и мой запуск. json как показано ниже: 

{
  "type": "chrome",
  "request": "launch",
  "name": "Launch Chrome",
  "url": "http://localhost:8080",
  "webRoot": "${workspaceFolder}/src",
  "sourceMaps": true,
  "sourceMapPathOverrides": {
    "webpack:///./src/*.js": "${workspaceRoot}/src/*.js",
    "webpack:///./src/*.tsx": "${workspaceRoot}/src/*.tsx",
    "webpack:///./src/*.ts": "${workspaceRoot}/src/*.ts",
    "webpack:///./node_modules/*": "${workspaceRoot}/node_modules/*"
  }
}

Чего мне не хватает

1 Ответ

0 голосов
/ 17 марта 2020

Я не на 100%, если это причина, но здесь я пишу, надеясь, что это может помочь кому-то еще. Я только изменил devtool на «inline-source-map» вместо исходной карты в вышеупомянутой конфигурации, никаких других изменений, и теперь он работает правильно, он ломается везде, где я ставлю точку останова.

...