VS C Отладка React, не может создавать точки останова / присоединяться к процессу

Question

Я пробовал много потенциальных исправлений, но никто из них мне пока не помог. Я не могу заставить отладчик правильно подключиться, он подключается, но он не дает мне точки останова (точка останова установлена, но еще не привязана).

Что я сделал до сих пор:

Я создал запись в запуске. json

{
      "type": "node",
      "request": "launch",
      "name": "Launch debug client",
      "sourceMaps": true,
      "runtimeExecutable": "node",
      "runtimeArgs": [
        "--inspect-brk",
        "./node_modules/webpack-dev-server/bin/webpack-dev-server.js"
      ],
      "cwd": "${workspaceFolder}/client/"
    }

Это привело к этой ошибке . Является ли второй --inspect-brk = PORT тем, к которому я должен стремиться присоединиться? Второй ПОРТ всегда случайный, как бы я подключил к нему отладчик? Также кажется, что webpack-dev-server не заботится о inspect-brk, потому что клиент запускается и работает ...

Я также не уверен, получил ли я webpack-dev-server для создания исходных карт - они сохранены в памяти?

Я попытался установить фиксированный порт, переназначить sourceMapPathOverrides, установить outFiles и установить путь к программе безрезультатно. До того, как написать это, я даже не видел, что он пытался создать собственный новый порт ...

Answer 1

Если кто-то наткнется на это: Webpack-dev-server уже запущен в режиме отладчика , и единственный способ в настоящее время подключиться к этому процессу (насколько я мог найти) - через браузер. Вам потребуется установить расширение отладчика для c для используемого вами браузера (в настоящее время доступно только для chrome и firefox). Затем вы можете просто присоединить / запустить к URL-адресу, на котором запускается webpack-dev-server, и vscode подключится к этому экземпляру.

Пример

launch. json

    {
      "type": "firefox",
      "name": "firefox debug",
      "request": "launch",
      "url": "http://localhost:8080",
      "webRoot": "${workspaceFolder}/client"
    }