Visual Studio Code Live Server fungerer ikke

VSCode har mange gode udvidelser, og Live Server er en af ​​de bedste.

Med blot et par klik giver Live Server dig mulighed for at se din side live i en faktisk browser. Endnu bedre, det indeholder live genindlæsning, så hvis du opdaterer din kode, reflekteres ændringerne også i browseren.

Alt hvad du skal gøre er at højreklikke i den HTML-fil, du vil se, højreklikke og derefter vælge "Åbn med Live Server":

Men hvad hvis Live Server ikke åbner din browser og viser din side, som du forventer? Hvis dette sker for dig, er der et par ting, du kan prøve.

Genstart VSCode

Nogle gange er det bedste, du kan gøre, at starte VSCode fra bunden.

Gem først alt dit arbejde. Luk derefter VSCode, som også stopper alle de udvidelser, du har installeret.

Åbn derefter VSCode igen, og prøv igen - gå til den HTML-fil, du vil se, højreklik og vælg "Åbn med Live Server".

Indstil browseren til Live Server

Det er muligt, at udvidelsen fungerer, men dit system har ikke en standardbrowser.

Selvom du indstillede standardbrowseren til dit system, ville det ikke skade at lade Live Server vide, hvilken browser du gerne vil bruge eksplicit.

Åbn først Command Pallete med F1, skriv derefter ind Preferences: Open Settings (JSON)og vælg den mulighed.

Dette åbner din VSCode- settings.jsonfil.

Rul helt til bunden af ​​filen, og indsæt den "liveServer.settings.CustomBrowser": "chrome".

Rul helt til bunden af ​​filen, tilføj et komma efter den sidste indstilling, og indsæt derefter "liveServer.settings.CustomBrowser": "chrome":

Bemærk, at du også kan bruge "firefox", "safari"eller en hvilken som helst anden browser som værdi for "liveServer.settings.CustomBrowser"indstillingen.

Til sidst skal du gemme settings.jsonfilen og prøve at køre Live Server igen.

Indstil standardbrowseren til dit operativsystem

Selv efter at have fortalt Live Server, hvilken browser du vil bruge, er det muligt, at den stadig ikke åbner din side korrekt i den browser.

Den næste ting at prøve er at indstille standardbrowseren til selve dit operativsystem.

Den nøjagtige metode til at gøre dette kan variere afhængigt af dit operativsystem, så det er bedst at søge efter, hvordan du gør dette, hvis du ikke er sikker.

Sådan ser indstillingssiden ud i Windows:

Gå selv til livesiden

Hvis Live Server af en eller anden grund stadig ikke åbner siden i din browser automatisk, er du ikke bekymret. Du kan altid åbne den valgte browser og se siden direkte.

Åbn bare din foretrukne browser og gå til //127.0.0.1:5500/.

For eksempel, hvis din fil kaldes index.html, skal du bare gå til //127.0.0.1:5500/index.html.

Så længe Live Server kører, skal du se din side.

Til sidst

Dette er et par almindelige rettelser, du kan prøve, hvis Live Server ikke fungerer som du forventer.

Bliv sikker og glad (live) kodning.