Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

173
Vistas
VS Code cómo depurar Angular SPA con el depurador de JavaScript incorporado

Entonces, tuve una configuración de depuración usando la extensión de depuración de Chrome y siguiendo el archivo launch.json:

 "version": "0.2.0", "compounds": [ { "name": ".Net + Browser", "configurations": [ ".NET Core Launch (console)", "Launch Chrome" ] } ], "configurations": [ { "name": ".NET Core Launch (console)", "type": "coreclr", "request": "launch", "preLaunchTask": "build", "program": "${workspaceFolder}/bin/Debug/net6.0/grad-ludbreg-gis-demo.dll", "args": [], "cwd": "${workspaceFolder}", "stopAtEntry": false, "console": "internalConsole" }, { "name": "Launch Chrome", "request": "launch", "type": "chrome", "url": "https://localhost:5001", "webRoot": "${workspaceRoot}/wwwroot", "sourceMaps": true, "sourceMapPathOverrides": { "/Views": "${workspaceRoot}/Views", "webpack:///./src": "${workspaceRoot}/ClientApp/src" } } ]

}

Mi tsconfig.json también tenía sourceMap: true.

Esta configuración funcionaba correctamente con la extensión, pero ahora VS Code tiene un depurador integrado y la experiencia de depuración se ha degradado con esta configuración.

Aunque el depurador se detiene en el punto de interrupción, todas las variables se minimizan y el movimiento del mouse sobre las variables no muestra nada.

La documentación de Microsoft no ayuda, ya que describe un proyecto Angular puro y SPA (WebApi con SPA en la carpeta ClientApp). Además, cualquier artículo que se encuentre está relacionado con la extensión de depuración de Chrome y no con el depurador JS integrado de VS Code.

¿Alguien sabe cómo configurar correctamente el proyecto para que el depurador incorporado funcione correctamente para el proyecto ASP.NET Core Angular SPA?

gracias mario

over 4 years ago · Santiago Trujillo
1 Respuestas
Responde la pregunta

0

Yo también estaba jugando con esto hoy. Lo que terminé haciendo es hacer clic en el botón Agregar configuración... en la parte inferior derecha de la ventana. Elegí la opción "Iniciar Chrome con ng serve" y creó la configuración que necesitaba. Me funciona ahora con esta configuración.

Una cosa a tener en cuenta... Corrí ng s antes de iniciar el depurador. Por alguna razón no lo inicia automáticamente.

over 4 years ago · Santiago Trujillo Denunciar
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda