VS -koodi, joka ei voi muodostaa yhteyttä selaimeen [FIX]

Visual Studio -koodia pidetään laajalti yhtenä markkinoiden parhaimmista IDE: stä. Sillä on kuitenkin kohtuullinen osuus asioista, joihin on puututtava. Viime aikoina olemme huomanneet sen VS -koodi ei pysty muodostamaan yhteyttä selaimeen. Tämä kieltää meitä yhteydenpidosta localhostiin tai julkaisemasta Chromea virheenkorjausta varten, joissain tapauksissa, jopa laajennuksen asentamisen jälkeen. Tässä viestissä aiomme puhua tästä aiheesta ja nähdä, mitä voit tehdä sen ratkaisemiseksi.

VS -koodi, joka ei pysty muodostamaan yhteyttä selaimeen

Jos VS -koodi ei pysty muodostamaan yhteyttä selaimeen, sinun on noudatettava alla olevia ratkaisuja.

1. Käytä Debuggeria kromivaihtoehdoissa
2. Luo uusi JSON -tiedosto
3. Kokeile Chrome Remote Debugging
4. Asenna Microsoft Edge Debugger uudelleen
5. Asenna Visual Studio -koodi uudelleen

Puhutaan heistä yksityiskohtaisesti.

1] Käytä virheenkorjainta kromivaihtoehtoihin

Monet käyttäjät käyttävät edelleen Chromen virheenkorjainta, vaikka sitä ei enää tueta. Se lopetettiin, koska Visual Studio -koodilla on nyt sisäänrakennettu JavaScript Debugger. Tämä sisäänrakennettu työkalu toimii ilman laajennusta ja tarjoaa samat ominaisuudet. Se tukee Node.js, Chrome, Edge, WebView2 ja VS -koodilaajennuksia, joten ulkoisia virheenkorjaustyökaluja ei tarvita.

Sen sijaan voit käyttää Chrome Devtoolsia. Tämä työkalu on rakennettu Google Chromeen ja auttaa kehittäjiä korjaamaan, analysoimaan ja parantamaan verkkosivustoja. Se sisältää hyödyllisiä ominaisuuksia, kuten elementtitarkastaja, konsoli, verkon seuranta, suorituskykyanalyysi ja JavaScript -virheenkorjaus.

2] Luo uusi JSON -tiedosto

Kun käynnistät verkkosivuston Chromessa ja paikallisella hostilla, saatat kohdata virheen, joka sanoo - Tätä sivustoa ei voida tavoittaa.  Tämä johtuu siitä, että verkkosivusto on tällä hetkellä käyttämäsi JSON -tiedosto ei pysty muodostamaan yhteyttä selaimeen. Tämän ongelman ratkaisemiseksi voimme poistaa nykyisen JSON -tiedoston ja luoda uuden. Tämä ei vahingoita koodiasi, koska JSON -tiedosto on periaatteessa sovellettavissa vain asetuksiin. Luo uuden JSON -tiedoston alla mainitut vaiheet.

1. Sisä-  Visual Studio -koodi,  Mene kansioon, etsi  .vScode.
2. Napsauta nyt hiiren kakkospainikkeella  .VSCODE  ja valitse  Poistaa.
3. Sinun täytyy nyt mennä  Juoksua  välilehti.
4. Napsauta ' Luo käynnistys JSON ”-tiedosto Hyperlinkki ja napsauta sitten Web -sovellus (Chrome).
5. Tämä luo uuden JSON -tiedoston.
6. Mene nyt  Suorita> Aloita virheenkorjaus.

Toivottavasti tämä tekee tempun sinulle.

3] Kokeile Chrome Remote Debugging

Olemme huomanneet, että toisinaan yrittäessään liittää Chromea, seuraava virheviesti tulee näkyviin.

Tässä tapauksessa paras vaihtoehto on luoda JSON -tiedosto, kuten aiemmin mainittiin. Olettaen, että se ei toimi, voit kokeilla  Chrome Remote Debugging.  Tämä menetelmä toimii riippumatta edellä mainitun virhesanoman läsnäolosta. Aloita sen kanssa, avoinna  Komentokehotus  Järjestelmänvalvojana.

npm install -g serve

Siirry sitten sovelluksen kansioon päätelaitteessa ja käynnistä palvelin portilla 808.

lukea ikkunoita 10

Nyt verkkosovelluksesi on saatavana osoitteessa http://localhost:8080 .

Chromen virheenkorjaamiseksi VS -koodilla sinun on otettava käyttöön etävirheenkorjaus Chromen käynnistäessä. Avaa pääte ja käytä seuraavaa komentoa:

chrome.exe --remote-debugging-port=9222

Paina VS -koodissa F5 ja tarkista käynnistys.json. Verkkovirheenkorjausta varten valitse “Liitä Chromeen” tai “Käynnistä Chrome” ja aseta portti numeroon 9222.

Tämän pitäisi tehdä temppu sinulle.

4] Asenna Microsoft Edge Debugger uudelleen

Tämä kysymys ei ole yksinoikeudella Chromelle, vaikka tosiasia  Microsoft Edge -työkalut VSCODE: lle  Ei ole vanhentunut, meillä on melko yksinkertainen ratkaisu käsillä. Tämän ongelman ratkaisemiseksi meidän on asennettava Microsoft Edge Debugger uudelleen. Tätä varten sinun on noudatettava alla olevia vaiheita.

1. Sisä-  VS -koodi, napsauta Pidennys välilehti.
2. Nyt käy läpi  Asennettu  etsi Microsoft Edge -työkalut VS -koodille, Napsauta sitä ja valitse  Poista.
3. Kerran  Asennettu,  etsiä jtk  'Microsoft Edge Tools for vs -koodi',  ja napsauta sitten  Asentaa.

Tarkista lopuksi, onko ongelma ratkaistu.

5] Asenna Visual Studio -koodi uudelleen

Jos mikään ei toiminut, viimeinen keino on asentaa vs. koodi uudelleen. Jos virhe johtuu tiedostojen väärän määrityksen tai korruption takia, tämä ratkaisu ratkaisee sen.

Toivomme, että näiden ratkaisujen avulla pystyt ratkaisemaan ongelman helposti.

Kuinka voin yhdistää VS -koodin selaimeen?

VS -koodin yhdistäminen selaimeen suoraa HTML/CSS/JavaScript -projektien esikatselua varten asenna live -palvelimen laajennus VS -koodilaajennusten markkinoille. Kun olet asennettu, avaa HTML-tiedosto, napsauta “Go Live” -painiketta oikeassa alakulmassa olevassa tilapalkissa. Tämä käynnistää paikallisen kehityspalvelimen ja avaa oletusselaimen automaattisesti sivun näyttämiseksi, joka päivittää heti muokkaamalla ja tallentamalla koodia.

Kuinka vaihdan selaimen asetukset VS -koodissa?

Voit muuttaa selaimen asetuksia VS -koodissa avaamalla asetukset painamalla Ctrl +, kirjoita sitten 'Selain' Hakupalkista selaimeen liittyviä vaihtoehtoja, kuten oletusselain, esikatsella verkkosivuja. Jos käytät pidennyksiä 'Live Server' , Säädä niiden erityiset asetukset napsauttamalla vaihdekuvaketta laajennuksen nimen vieressä ja aseta sitten haluamasi selain alle 'Oletusselain' Vaihtoehto Extensionin asetusvalikossa.