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?
Pude ejecutar el mío haciendo clic en "Agregar configuración" e incluyendo el comando que especificamos en nuestro archivo package.json y usamos para ejecutar durante el desarrollo.
Para mí, el problema era que la aplicación react/next.js no se estaba ejecutando. Básicamente, debe mantener la aplicación ejecutándose en una ventana/terminal separada para poder conectar el depurador. Esto es diferente a la otra aplicación donde comienza desde la propia consola de depuración.
Mostré un mensaje similar en mi consola de depuración y el problema era que el servidor web local estaba apagado, por lo tanto, no estaba disponible. Encendí el servidor en la máquina virtual y la aplicación comenzó a funcionar nuevamente :-)
En mi caso el problema fue porque el puerto 4200 lo tomó otra aplicación (Docker). Tan pronto como cambié el puerto a 4201 agregando la siguiente estructura en la sección de serve del archivo angular.json , se resolvió el problema.
"options": { "port": 4201 }Intente usar HTTP en lugar de HTTPS de Google Chrome con una ventana de incógnito.
Esto puede ser útil para alguien que trabaja en un proyecto que se comunica a través de iframes. Encontré esta advertencia en una aplicación web actual: Crbug/1173575, archivos de módulos que no son JS en desuso.
En mi caso, el motivo fue que el origen del iframe del recurso no se estaba sirviendo, lo que significa que no se podía acceder a la URL de solicitud del iframe. Al servir el recurso desapareció la advertencia.
Quitar estas líneas dos funcionó para mí. Es un error de Https
var cors = require('cors'); app.use(cors());Me encontré con este error en 3 proyectos independientes de Next.js. Mismo error en Chrome, Chrome Incognito, Firefox y Edge. Ocurrió en la compilación de producción ( next build && next start ) y el servidor de desarrollo ( next dev desarrollo). Después de intentar una serie de correcciones, asegurándome de que estaba en HTTP y no en HTTPS, verificando si el puerto estaba en uso, eliminando node_modules y ejecutando npm install , etc., lo que finalmente funcionó fue reiniciar mi computadora...
Publicando aquí en caso de que alguien se haya encontrado con este problema al usar Next.js. ¡Espero que esto ayude, y me encantaría saber qué causa el error!
Mi problema estaba en la configuración de red de mi computadora con Windows 10, no en el navegador. Probé mi URL en otra computadora y navegadores móviles y funcionaba bien.
Entonces, solucioné el problema al restablecer la configuración de mi red
Para hacer eso, vaya a Configuración -> Red e Internet -> Desplácese hacia abajo para restablecer la red
Espere 5 minutos hasta que se reinicie.
Este problema lo enfrento al depurar el código vs para una aplicación Angular. Las causas probables pueden ser que el servidor no esté activo y escuchando el puerto. Puede iniciar el servidor manualmente mediante ng serve --port con el número de puerto. También compare la URL en el lanzamiento .json y compare el número de puerto
En Visual Studio Code, puede usar la configuración "normal" de ejecución y depuración de Dart&Flutter. Si no tiene un emulador abierto, la aplicación se abrirá automáticamente en el navegador Chrome. 
{ // 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": [ { "name": "app", "request": "launch", "type": "dart" }, { "name": "app (profile mode)", "request": "launch", "type": "dart", "flutterMode": "profile" } ] }Probado en VSCode 1.62.3 con Dart 2.14.4 y Flutter 2.8.0-3.3.pre