Не удалось отладить приложение AngularJS с использованием кода Visual Studio и расширения отладчика Chrome

Question

Я использую плагинс кодом Visual Studio.

1) Когда я пытаюсь сделать launch отладчик в коде Visual Studio, я получаю эту ошибку - Failed to load resource: net::ERR_CONNECTION_REFUSED.

2) Когда я пытаюсь отключить отладчик attach, я получаю эту ошибку - Failed to load resource: the server responded with a status of 404 (Not Found).

Моей конечной целью является отладка чистого веб-приложения AngularJS.

launch.json

{ 
    "version": "0.2.0", 
    "configurations": [ 
     { 
      "name": "Launch Chrome against localhost, with sourcemaps", 
      "type": "chrome", 
      "request": "launch", 
      "url": "http://localhost:8080", 
      "runtimeArgs": [ 
      "--new-window", //Open in new window 
      "--remote-debugging-port=9222" //Open in port 9222 (standard chrome debug port) 
     ], 
      "webRoot": "${workspaceRoot}/app/" 
     }, 
     { 
      "name": "Attach to Chrome, with sourcemaps", 
      "type": "chrome", 
      "request": "attach", 
      "port": 9222, 
      "sourceMaps": true, 
      "webRoot": "${workspaceRoot}" 
     } 
    ] 
} 

Примечание: Я убедился, что нет запущенных экземпляров Chrome, прежде чем начать отладчик. Я бегу Windows 10.

Answer 1

У меня возникла одна и та же проблема: запуск отладчика кода и получение ERR_CONNECTION_REFUSED.

Тогда я понял, что отладчик кода не запускает сервер.

Простого

$ npm start 

в командной строке перед запуском отладчика и это решить мое недоразумение: - $