vscode-chrome-debug Fehler beim Laden der Ressource ERR_CONNECTION_REFUSED

Question

Installierte die Erweiterung vscode-chrome-debug und versuchte, eine Website angular.js zu starten. Ich bin in der Lage, eine Verbindung mit dem Chrom-Debugger herzustellen, aber der Zugriff auf Ressourcen über localhost: 9009 wie /index.html oder/json kann nicht geladen werden. Chrome mit aktiviertem Entwicklermodus ausführen, um Erweiterungen zu deaktivieren.

Hat sich schon mal jemand damit beschäftigt? Ist das ein Fehler in der Erweiterung? Wenn jemand etwas sieht, was ich falsch mache, lass es mich wissen. Vielen Dank!

launch.json

 { 
      "name": "Launch localhost", 
      "type": "chrome", 
      "request": "launch", 
      "url": "http://localhost:9009/index.html", 
      "webRoot": "${workspaceRoot}", 
      "diagnosticLogging": true, 
      "userDataDir": "c:\\out\\chrome\\", 
      "sourceMaps": false 
     } 

Debug-Konsole Ausgabe

 ›OS: win32 ia32 
     ›Node: v5.10.0 
     ›vscode-chrome-debug-core: 0.1.7 
     ›debugger-for-chrome: 0.4.6 
     ›spawn('C:\Program Files (x86)\Google\Chrome\Application\chrome.exe', ["--remote-debugging-port=9222","--no-first-run","--no-default-browser-check","--user-data-dir=c:\\out\\chrome\\","http://localhost:9009/index.html"]) 
     ›Attempting to attach on 127.0.0.1:9222 
    Failed to load resource: net::ERR_CONNECTION_REFUSED (http://localhost:9009/index.html) 

Answer 1

Es fehlt Schritt in meinem Setup ... Ich brauche einen Web-Server laufen ! Scheint offensichtlich, aber ich war unter der Annahme, dass die Debug-Erweiterung etwas unter der Decke tat, um die Seite angesichts des statischen Dateistandorts zu bedienen.

Ich habe eine gulpfile und eine Task eingerichtet, um einen gulp-Webserver laufen zu lassen. Ich habe den Start-Task ausgeführt und dann den Debugger gestartet und es hat funktioniert.