javascript - tools - Diciendo a Chrome que depure js en lugar de ts

set breakpoint javascript

Question

De forma predeterminada (y espero que no sea la única opción) cuando tengo un archivo ts, Chrome solo me permite depurar el código ts. Es decir, me muestra el contenido de los archivos ts y js, pero cuando trato de poner un punto de ruptura en el archivo js, ​​inmediatamente me transfiero al archivo ts y localizo el punto de ruptura en el lugar correcto.

¿Cómo puedo decirle a Chrome que depure el archivo js en lugar del ts?

Answer 1

Como no tiene control sobre la configuración de compilación de TS, puede deshabilitar los mapas de origen de JavaScript en Chrome.

Cargue las herramientas del desarrollador (Menú Chrome> Más herramientas> Herramientas del desarrollador), luego cargue la configuración de la herramienta del desarrollador (Menú Herramientas del desarrollador> Configuración), busque la configuración para "Habilitar mapas de origen JavaScript" y desactívela.

Answer 2

Si está en modo de desarrollo, debe tener una asignación de origen entre el TypeScript y el JavaScript transpilado. Para la depuración, pondría puntos de interrupción en el código de TypeScript en DevTools, ya que ese es el código en el que lo escribió. Tiene sentido depurar el código que escribió.

Si desea depurar solo el JavaScript, ejecute la aplicación en el modo desplegado (sin mapa de origen) y establezca el punto de interrupción en el código JavaScript resultante.

Answer 3

Supongo que estás usando tsc para compilar.

Si es así, hay un parámetro simple que le indicará a tsc que no cree mapas de origen y, por lo tanto, no incluya la # sourceMappingURL=...

tsc --sourceMap false