javascript - Crbug/1173575, ikke-JS modulfiler er avviklet. chromewebdata/(index)꞉5305:9:5551

Jeg har nettopp opprettet et nytt prosjekt og har kjørt det for første gang ved å bruke F5 eller Ctrl + F5. Resultatet i Chrome er:

Nettstedet kan ikke nås

err_tilkobling_avvist

Jeg krysset av alternativet ved stoppunktene for «Unntak fanget» og følgende feilmelding vises.

Uten at «Exceptions caught» er merket av, vil neste feil som oppstår:

Jeg prøvde å kjøre "ng s -o" fra terminalen og alt fungerer fint. Nettstedet fungerer godt på port 4200, men jeg vil gjerne feilsøke.

Her er min launch.json-fil, alt er standard:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:4200",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

Hvorfor skjer dette?

Svar #1

Jeg hadde også dette problemet, og ingen av løsningene som ble listet opp var nyttige. Problemet var imidlertid ganske lett å løse.

Gå bare inn på Network-fanen i Chrome Developer Console. Sørg for at tilkoblingen er på No throttling og ikke Offline.

Svar #2

Denne villedende feilmeldingen ser tilsynelatende ikke ut til å ha noe å gjøre med Chrome eller noen utdatert funksjonalitet. Den kan ha mange årsaker og ser ut til å oppstå når forbindelse ikke kan etableres.

Jeg fikk dette mens jeg fulgte React-tutorialen for Visual Studio Code. I den tutorialen starter du med å lage en mal med npx og deretter kjøre den med npm start. Det fungerte, og jeg kunne se at den brukte http://localhost:3000 som URL i nettleseren.

Men når jeg endret koden som veiledningen ba om og satte et breakpoint for å feilsøke, fikk jeg feilen i OP-innlegget, både med Chrome og med Edge.

Visual Studio Code opprettet en standard launch.json-fil for feilsøking og fylling av den slik:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    "version": "0.2.0",
    "configurations": [
        {
            "type": "pwa-chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:8080",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

Og jeg måtte manuelt endre 8080 til 3000, noe som løste problemet.

Nøkkelen for meg var å konfigurere brytpunktet for å fange unntaket slik OP beskrev (merk - du kan bare konfigurere det med Debug-ikonet valgt i menyen lengst til venstre). Selv om feilmeldingen som vises fortsatt er den villedende "deprecated"-meldingen, var det en melding om at "nettstedet kan ikke nås" som du kan finne hvis du leter litt - som vist her:

Jeg forestiller meg at praktisk talt alle konfigurasjonsproblemer som får tilkoblingen til å mislykkes vil forårsake denne feilen. Så brannmurproblemer, manglende vertsprogram, dårlig konfigurasjon (som min), osv.

Svar #3

Jeg hadde det samme problemet, og problemet var med URL-en. Den var https://localhost:8000; i stedet for http://localhost:8000.

Så prøv å sjekke URL-en og rutene dine.

Svar #4

Serveren min kjørte bare ikke lokalt. :) Å starte den på localhost løste det.

Svar #5

For meg var problemet at en React/Next.js-applikasjon ikke kjørte.

I utgangspunktet må du holde applikasjonen kjørende i et separat vindu/terminal for å kunne koble til debuggeren. Dette er ulikt den andre applikasjonen hvor den starter fra debug-konsollen selv.

Svar #6

I mitt tilfelle ble det løst ved å lukke nettleseren og kompilere appen på nytt.

Svar #7

I stedet for å starte applikasjonen din ved å bruke alternativet "Start Chrome mot localhost", sett heller navnet på applikasjonen din for oppstart - Løst.

Se det vedlagte bildet for mer kontekst.

Relaterte artikler