Når du udvikler webapplikationer i VS Code (Visual Studio Code), kan du støde på problemer med VS Code, der ikke kan starte browserforekomster, hvilket forhindrer dig i at teste og fejlfinde koden. Typisk præsenterer fejlen sig selv med en meddelelse såsom "VS Code unable to attach to browser", når du forsøger at køre koden. Heldigvis er der et par enkle fejlfindingsmetoder til at prøve at løse problemet.
Hurtige rettelser til problemer med start af VS Code Browser
Før du dykker ned i konfigurationsændringer, skal du gennemgå denne tjekliste med hurtige løsninger:
- Gem koden og genstart programmet, og prøv derefter at starte browseren igen.
- Deaktiver midlertidigt browserudvidelser, som kan forstyrre VS Code-forbindelser.
- Fjern nyligt installerede VS Code-udvidelser for at kontrollere, om de ikke forårsager fejlen.
- Sørg for, at ingen andre udviklingsservere kører på den samme port.
- Ryd din browsers cache og cookies.
- Tjek, om du har den seneste version af VS Code.
Fix 1 – Konfigurer standardbrowserindstillinger i VS-kode
I nogle mærkelige tilfælde forsøger VS Code muligvis at køre på en server, der ikke er din standardserver, hvilket kan give problemer.
Trin 1. Åbn VS-kodeindstillinger med "Ctrl +" (eller "Cmd +" på Mac).
Trin 2. Søg efter "browser" i søgefeltet.
Trin 3. Se efter indstillingen "Live Server > Indstillinger: Brugerdefineret browser" eller lignende browserrelaterede indstillinger afhængigt af dine udvidelser.
Trin 4. Sørg for, at browserstien er korrekt indstillet. For Chrome på Windows vil dette se nogenlunde sådan ud: C:Program FilesGoogleChromeApplicationchrome.exe
Trin 5. Alternativt kan du markere "Live Server > Indstillinger: Browser" og indstille den til din foretrukne browser (såsom Chrome, Firefox, Edge osv.).
Trin 6.Anvend ændringerne og genstart VS Code.
Fix 2 - Fix VS-kode kan ikke vedhæftes til browser under fejlretning ved at ændre JSON-filen
Når VS-kode, der ikke kan vedhæftes til browser, forekommer under fejlfindingssessioner, er det ofte relateret til fejlfindingskonfigurationen, som er i en separat JSON-fil.
Trin 1. Åbn dit projekts .vscode/launch.json-fil. Hvis det ikke findes, skal du oprette det ved at gå til "Kør og fejlfinde"-panelet (med "Ctrl + Shift + D") og klikke på "opret en launch.json-fil."
Trin 2. Sørg for, at din fejlfindingskonfiguration inkluderer de korrekte browser- og portindstillinger. For Chrome vil dette se sådan ud:
{
"version": "0.2.0",
"konfigurationer": [
{
"type": "chrome",
Læs også:Ret Zoom-fejlkode 3190 Kan ikke slette tilbagevendende mødeproblem
"request": "lancering",
"navn": "Start Chrome",
"url": "https://localhost:3000",
"webRoot": "${workspaceFolder}"
}
]
}
Trin 2b. For Chrome-fejlretning skal du sikre dig, at du ikke kører Chrome med sikkerhedsflag, der kan blokere VS-kodevedhæftning. Prøv desuden at tilføje følgende konfigurationslinje:
"runtimeArgs": ["–disable-web-security", "–user-data-dir=${workspaceFolder}/.chrome"]
Trin 3. Gem filen.
Trin 4. Luk alle browserforekomster helt, før du starter en fejlretningssession.
Hvis du ikke bruger Chrome, skal du sikre dig, at JSON-filen indeholder den rigtige "type" til den browser, du bruger. For Edge vil dette være "edge" eller "pwa-msedge." Alternativt kan du bruge udvidelsen "Debugger for Firefox" og ændre typen til "firefox."
Fix 3 – Skift administratortilladelser for VS-kode
I nogle mærkelige tilfælde kan administrativ adgang til VS-kode og browsere forårsage problemet. For nogle brugere har det løst problemet ved at fjerne markeringen af feltet "Kør med administrative tilladelser" på VS-kodeegenskaberne (for genvejen, for eksempel). Dette ser ud til at gælde Edge og Chrome (eller anden Chromium-baseret browser). Et alternativ ville være at ændre browseren til Firefox eller en anden ikke-Chromium-browser.
