Intenté todo lo anterior y reinicié aún sin golpear. No hay error, no se bloquea, toda la aplicación es como si se hubiera alcanzado un punto de interrupción esperando a que continúe, pero no ve que se esté alcanzando ningún punto de interrupción. Sin embargo, los navegadores independientes Chrome y Edge funcionan bien.

Tenga en cuenta que esto no es solo Angular, ¡también ocurre en el backend de Node!

Entonces, además de configurar todo lo anterior, Ejecutar -> Deshabilitar todos los puntos de interrupción, luego Habilitar todos los puntos de interrupción lo resolvió.

2021-09-17 , hoy deja de funcionar de nuevo a pesar de todo. Finalmente , agregando un nuevo punto de interrupción , recupérelo. Este comportamiento puede estar relacionado con el retraso extremo del depurador . Definitivamente un error de VSC.

Para mí, resolví el problema agregando esta opción a mi webpack.config.js:

 devtoolModuleFilenameTemplate: '[absolute-resource-path]'

Esto no responderá la pregunta directamente, sino un consejo general para saber cuál es el problema: Establezca trace: true cuando inicie o adjunte su depurador. Detenga el depurador. Mira los registros. La ruta debe estar en la consola de depuración.

Vaya a este sitio web para analizar su registro. https://microsoft.github.io/vscode-pwa-analyzer/index.html

Haga clic en sourcemap.parsing y runtime.sourcemap en los filtros de etiquetas. Verás cosas como esta:

Al menos ahora tiene un ciclo de retroalimentación para saber cómo su launch.json afecta los mapas de origen.

El archivo de lanzamiento (círculo en rojo) también tiene mucha información útil

En mi caso necesitaba cambiar webroot

DESDE

"webRoot": "${workspaceFolder}"

TO "webRoot": "${workspaceFolder}\projectName"

El nombre del proyecto es el nombre que le diste al principio ng new projectName

Luego límite de punto de interrupción.

He tenido varios éxitos con varias de las respuestas anteriores en el pasado. Esta semana volvió el tema. Por alguna razón, esta vez pude resolverlo proporcionando una configuración predeterminada en mi archivo angular.json.

 "defaultConfiguration": "dev"

Esto tampoco tiene ningún sentido para mí, pero si lo elimino, todos mis puntos de interrupción se "desvinculan" en el tiempo de ejecución.

Solo pensé en poner esto aquí en caso de que ayude a alguien más.

Saludos, Dan

PD: actualización para agregar una mejor solución. Tenía la configuración correcta en mi configuración "dev", pero también puedes poner

 "sourceMap": true

en el nivel de arquitecto de angular.json para que sea el predeterminado. Esta configuración fue mi problema todo el tiempo. La configuración predeterminada también es útil para otras configuraciones como la optimización: false, presupuestos, etc. Por lo tanto, eliminé la línea de configuración predeterminada, ya que mi configuración de desarrollo ahora es la predeterminada.

Últimamente paso mucho tiempo preparando la configuración de angular.json. ;-)

En mi caso, lo rastreé hasta una incompatibilidad entre mi versión de Node (17) y mi versión de Angular (13) que se mostró cuando ejecuté ng version . Bajé la versión de Node a v16 y ahora todo funciona. También hay una lista de compatibilidad no oficial.

La solución para esto fue simple, no había establecido la propiedad sourceMap en true en angular.json para ese entorno en particular, en su lugar tenía "sourceMap": false,

Consulte https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/SourceMap para obtener más información.

Gracias a Connor - https://github.com/microsoft/vscode-js-debug/issues/872

Para mí, la configuración de vscode:

Depurar > Javascript: use Vista previa que hace que el depurador no alcance los puntos de interrupción.

Desmarque Depurar > Javascript: Usar vista previa en la configuración de vscode.

(o en el archivo json de configuración/área de trabajo) agregue:

 "debug.javascript.usePreview": false