Не удается запустить отладку VStudioCode для React

#debugging #visual-studio-code

Вопрос:

У меня есть следующее launch.json для моего проекта:

 {
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Attach to Chrome",
            "request": "launch",
            "url": "http://localhost:3000",
            "type": "chrome",
            "webRoot": "${workspaceFolder}"
        },
        {
            "name": "Python: Django",
            "type": "python",
            "request": "launch",
            "python": "/Users/hugovillalobos/Documents/Code/TCDigitalProject/TCDigitalBackend/TCDigitalVenv/bin/python",
            "program": "${workspaceFolder}/TCDigitalBackend/TCDigital/manage.py",
            "args": [
                "runserver",
                "--noreload"
            ],
            //"args": ["create_init_data"],
            "django": true
        }
    ]
}
 

Отладка Python-Django работает великолепно, но отладка подключения к Chrome завершается ошибкой со следующей ошибкой:

введите описание изображения здесь

Я также заметил, что в моем списке конфигураций отладки есть две записи Attach to Chrome (одна с именем проекта), но когда я выбрал одну с именем, она автоматически меняется на другую:

введите описание изображения здесь

Я также получаю эту ошибку, когда вношу какие-либо изменения в launch.json :

 The mypy daemon executable ('dmypy') was not found on your PATH. Please install mypy or adjust the mypy.dmypyExecutable setting.
 

Это основное дерево каталогов для моего проекта:

введите описание изображения здесь

Я не знаю, как это решить.