Soy muy nuevo en la depuración de JavaScript, y mucho menos en Typescript, y mucho menos en un proyecto Stencil que usa archivos tsx (que supongo que son un cierto tipo de archivos Typescript reactivos).
Esperaba que al agregar una declaración de debugger en el código, usando una actualización en Chrome, aparecieran las herramientas de depuración. Pero nada pasa. Si agrego un console.log en el mismo lugar, se comporta como se esperaba. Pero no pasa nada con una declaración de debugger .
¿Qué hacer? No quiero depurar con toneladas de console.log en todas partes. 😏
Por cierto, estoy usando VSCode. No sé si eso es relevante. Leí en https://github.com/microsoft/vscode-js-debug que la depuración de JavaScript debería estar integrada en VSCode. No me importa si depuro dentro de VSCode o dentro de Chrome, siempre que pueda depurar de alguna manera.
Aquí está el repositorio, si alguien quiere probarlo o consultar los archivos de configuración: https://github.com/NothingAG/adg-components
Muchas gracias.
En lugar de agregar declaraciones de debugger en el código, siempre puede agregar puntos de interrupción en las Herramientas para desarrolladores de Chrome.
La próxima vez que su aplicación llegue al punto de interrupción, aparecerá el depurador.
Aparentemente, la herramienta de compilación (nx) ejecuta una compilación de producción, por lo que las declaraciones del debugger se filtran automáticamente.
Para solucionarlo, puede indicar explícitamente a Stencil que ejecute una compilación de desarrollo :
npm start -- --dev