Impossibile connettersi alla destinazione: collegare ECONNREFUSED 127.0.0.1:9222

Question

Sto tentando di eseguire il debug del mio codice angolare con vscode ma non funziona.

Impossibile connettersi alla destinazione: collegare ECONNREFUSED 127.0.0.1:9222

Answer 1

Non sono sicuro che è ancora necessario, ma ho trovato la soluzione, dal momento che stavo affrontando lo stesso problema io stesso.

È necessario avviare Chrome con debug remoto abilitato per consentire all'estensione di collegarsi ad esso.

di Windows

Fare clic destro sul collegamento Chrome e selezionare le proprietà Nel campo "target", aggiungere --remote-debug-port = 9222 O in un prompt dei comandi, eseguire /chrome.exe --remote-debug-port = 9222

OS X

In un terminale, eseguire/Applicazioni/Google \ Chrome.app/Contents/MacOS/Google \ Chrome --remote-debug-port = 9222

Linux

In un terminale, lanciare google-chrome --remote-debug-port = 9222

ho trovato queste informazioni sul vs github codice di Chrome di estensione: https://github.com/Microsoft/vscode-chrome-debug

Nota: se sono già in esecuzione istanze di Chrome. Chiudi prima di aprire la finestra di Chrome aggiornata. Ref: - https://github.com/Microsoft/vscode-chrome-debug/issues/111

Answer 2

add-on per i dettagli Aggiunto da digaomatias

Nota: Smettila già in esecuzione Chrome instances/schede prima di aprire la finestra di Chrome aggiornato.

Riferimento da Github.

Answer 3

Usa come questo:

{ 
    "name": "Launch index.html", 
    "type": "chrome", 
    "request": "launch", 
    "file": "${workspaceRoot}/index.html", 
    "userDataDir": "${workspaceRoot}/out/chrome", 
    "runtimeExecutable": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome" 
}