Acabo de crear un nuevo proyecto y lo ejecuté por primera vez usando F5 o Ctrl + F5 , el resultado en Chrome es:
No se puede acceder al sitio
err_conexión_rechazada
Verifiqué la opción en los puntos de interrupción para "Excepciones capturadas" y se muestra el siguiente error.
Sin "Excepciones capturadas" marcadas, se generó el siguiente error:
Traté de ejecutar "ng s -o" desde la terminal y todo funcionó bien. El sitio funciona bien en el puerto 4200, pero me gusta depurar.
Aquí está mi archivo launch.json , todo por defecto:
{ // 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}" } ] }¿Por qué está pasando esto?
Este es complicado. El hecho de que haya (a partir de esta fecha del 21 de enero de 2022) 275k vistas, 55 votos a favor, 41 respuestas (en su mayoría con cero votos a favor) de personas que encontraron una solución muy específica y ninguna respuesta realmente aceptada indica que probablemente se trate de un error engañoso . mensaje , que se activa cuando sucede algo malo e inesperado. Conmigo ese resultó ser el caso.
Aparentemente, este error no tiene nada que ver con Chrome ni con ninguna funcionalidad obsoleta. Parece ocurrir cada vez que no se puede establecer la conectividad.
Obtuve esto mientras seguía el tutorial de React para VS Code. En ese tutorial, comienza creando una plantilla con npx y luego ejecutándola con npm start . Eso funcionó y pude ver que estaba usando http://localhost:3000 para la URL en el navegador.
Sin embargo, cuando cambié el código como lo solicitó el tutorial y establecí un punto de interrupción para depurar, recibí el error en la publicación del OP, tanto con Chrome como con Edge.
Eventualmente, después de mucha investigación, descubrí que VS Code estaba creando un launch.json predeterminado para depurarlo y completarlo de esta manera:
{ // 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}" } ] }Y necesitaba cambiar manualmente el 8080 a 3000, lo que solucionó el problema.
La clave para mí fue configurar el punto de interrupción para capturar la excepción como se describe en el OP (nota: solo puede configurar eso con el ícono Depurar seleccionado en el menú de íconos del extremo izquierdo). Si bien el mensaje de error emitido sigue siendo el engañoso "depreciado", había un mensaje que decía "no se puede acceder al sitio" que puede encontrar si investiga un poco, como se muestra aquí:
Me imagino que prácticamente cualquier problema de configuración que haga que la conexión falle provocará este error. Entonces, problemas con el firewall, falta del programa host, mala configuración (como la mía), etc.
Buena suerte en su viaje para encontrar su propia versión de la respuesta a este problema y espero que esto ayude.
Tuve el mismo problema y el problema estaba en la URL, era https://localhost:8000; en lugar de http://localhost:8000 .
Así que intente verificar su URL y rutas.
También tuve este problema y ninguna de las soluciones enumeradas fue útil. Sin embargo, el problema era bastante fácil de resolver.
Simplemente vaya a la pestaña Network de Chrome Developer Console. Asegúrese de que la conexión esté en No throttling y no fuera de Offline .