Chrome Debugger-Erweiterung in VS-Code wird keine HTML-Datei

Question

Ich fing an, eckig zu lernen und ein einfaches Projekt in Visual Studio erstellt und es lief gut dort. Es ist nur eine HTML-Datei und eine separate JS-Datei. Ich entschied mich dafür, Visual Studio Code auszuprobieren, da dies für eine bessere Umgebung als Code für Front-End-Arbeiten aussieht. Aber für mein Leben kann ich den Chrome-Debugger nicht dazu bringen, die Seite anzuzeigen.

Hier ist die aktuelle launch.json (versucht, einige Änderungen an kein Glück mit url und Webroot):

{ 
    "version": "0.2.0", 
    "configurations": [ 
     { 
      "type": "chrome", 
      "request": "launch", 
      "name": "Launch Chrome against localhost", 
      "url": "http://localhost:9222/index.html", 
      "webRoot": "${workspaceRoot}" 
     }, 
     { 
      "type": "chrome", 
      "request": "attach", 
      "name": "Attach to Chrome", 
      "port": 9222, 
      "webRoot": "${workspaceRoot}" 
     } 
    ] 
} 

I Chrom zu starten und eine Verbindung zu bekommen, aber ich erhalte eine völlig leere Seite. Ich kann dann gehen Sie zu localhost/json, die das gibt mir:

[ { 
    "description": "", 
    "id": "2c0aed08-5bf3-4186-9ad6-9af1bc9e500c", 
    "title": "localhost:9222/index.html", 
    "type": "page", 
    "url": "http://localhost:9222/json" 
}, { 
    "description": "", 
    "devtoolsFrontendUrl": "/devtools/inspector.html?ws=localhost:9222/devtools/page/ccfbea86-ec75-434e-9ae0-749eba4cbf2b", 
    "id": "ccfbea86-ec75-434e-9ae0-749eba4cbf2b", 
    "title": "Chrome Media Router", 
    "type": "background_page", 
    "url": "chrome-extension://pkedcjkdefgpdelpbcmbmeomcjbeemfm/_generated_background_page.html", 
    "webSocketDebuggerUrl": "ws://localhost:9222/devtools/page/ccfbea86-ec75-434e-9ae0-749eba4cbf2b" 
} ] 

ich keine Ahnung, an dieser Stelle, was oder wirklich versuchen, wie bei debuggen oder schauen, was könnte die Ursache sein. Jede Hilfe oder Anweisung würde sehr geschätzt werden.

Answer 1

Ich bin mir nicht sicher, dass dies die richtige Antwort ist. Aber das Ändern der Datei launch.json, um die Datei selbst einzuschließen, hat funktioniert. Ich kann jetzt meinen Pager im Browserfenster debuggen und anzeigen. Auch das Einschalten des Diagnose-Logging ermöglichte es mir, zu sehen, wie es das Mapping machte.

{ 
    "name": "Launch Chrome", 
    "type": "chrome", 
    "request": "launch", 
    "url": "http://localhost:9222/", 
    "webRoot": "${workspaceRoot}\\", 
    "file": "${workspaceRoot}/index.html", 
    "diagnosticLogging": true 
}