React debug использует VSCode и Firefox вместо Chrome

Я пытаюсь отладить приложение react, используя отладочные "возможности" VSCode, до сих пор с помощью быстрого веб-поиска я нашел много ресурсов, претендующих на то, как это сделать, используя отладчик VSCode для Crome, такие как:

Но я не могу найдите способ сделать это с помощью firefox. Пока я установил "Debugger for firefox" на VSCode и поставил следующие параметры отладки: 

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Debug app",
            "type": "firefox",
            "request": "attach"
        }
    ]
}

И я выполняю в соответствии с положениями документации: 

firefox -start-debugger-server -no-remote

И я пытаюсь интитиализировать процесс отладки через VSCode, когда я делаю это, я получаю ошибку:

Подключение ECONNREFUSED 127.0.0.1: 6000

Tha thew ошибка может быть подтверждена на моей машине GNU / Linux, выполняющей следующую команду

netstat -ntlp
(Not all processes could be identified, non-owned process info
 will not be shown, you would have to be root to see it all.)
Active Internet connections (only servers)
Proto Recv-Q Send-Q Local Address           Foreign Address         State       PID/Program name
tcp        0      0 127.0.0.1:37893         0.0.0.0:*               LISTEN      9368/node       
tcp        0      0 0.0.0.0:27017           0.0.0.0:*               LISTEN      -               
tcp        0      0 0.0.0.0:139             0.0.0.0:*               LISTEN      -               
tcp        0      0 127.0.0.1:6379          0.0.0.0:*               LISTEN      -               
tcp        0      0 127.0.0.1:9333          0.0.0.0:*               LISTEN      10924/code      
tcp        0      0 127.0.1.1:53            0.0.0.0:*               LISTEN      -               
tcp        0      0 10.42.0.1:53            0.0.0.0:*               LISTEN      -               
tcp        0      0 127.0.0.1:631           0.0.0.0:*               LISTEN      -               
tcp        0      0 0.0.0.0:3000            0.0.0.0:*               LISTEN      6732/node       
tcp        0      0 127.0.0.1:3001          0.0.0.0:*               LISTEN      6784/mongod     
tcp        0      0 0.0.0.0:3002            0.0.0.0:*               LISTEN      11168/node      
tcp        0      0 0.0.0.0:445             0.0.0.0:*               LISTEN      -               
tcp        0      0 0.0.0.0:20256           0.0.0.0:*               LISTEN      9368/node       
tcp6       0      0 :::9090                 :::*                    LISTEN      11340/node      
tcp6       0      0 :::139                  :::*                    LISTEN      -               
tcp6       0      0 ::1:631                 :::*                    LISTEN      -               
tcp6       0      0 :::445                  :::*                    LISTEN      -

Поэтому я спрашиваю: о том, как я могу использовать возможности отладки VSCode в приложении React, созданном с помощью react-create-app и запущенном с помощью команд npm start с помощью firefox?

Правка 1

По какой-то причине над запущенным в данный момент экземпляром firefox я получаю ошибку:

[Parent 13358, Gecko_IOThread] предупреждение: ошибка трубы (173): Η σννδεσηκκλεισε από το ταρρι: файл / build / firefox-JSAO4L / firefox-57.0.3+build1 / ipc / chromium / src / chrome / common/ipc_channel_posix. cc, строка 353

Есть ли у вас хакве идея, почему firefgox закрывает отладчик?

1 5
reactjs debugging firefox visual-studio-code

1 ответ:

Упомянутый плагин имеет следующий предлог github: https://github.com/hbenl/vscode-firefox-debug

Кроме того, если вы посмотрите на документацию, то лучше будет применить следующую конфигурацию над firefox, чтобы включить отладку:

Загружаемое изображение

Вышеуказанные изменения можно применить, набрав about:config в адресной строке браузера.

Затем для отладки просто используйте конфигурацию на vscode: 

{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Debug app",
            "type": "firefox",
            "request": "attach"
        }
    ]
}

Теперь каждый раз, когда вы хотите отладить приложение, просто запустите его через терминал: 

firefox -start-debugger-server -no-remote

Выберите над VSCode опцию "Debug" и выберите опции, как показано на рисунке:

Выбор отладчика Vscode

1