Debugger
Contenido del curso
Debugger
Contenido del curso
Ramiro Nicolas DAccorso Rosati
Jossue Galdamez
María Sierra
Luis Alejandro Nieto Ruth
Vanesa Percy
Carlos Enrique Gonzalez Peña
Schenier Aldair López Uriarte
Cristian Alexander Salazar Atalaya
César Palma
Cristian Ramírez
Javier Silva Avendaño
Jose Miguel Lopez
Joel Bello
César Palma
Carlos Nassif Trejo Garcia
Esteban Martini
Lizardo Reyes
Alexis Bustamante
Cesar Eliezer Gomez Gutierrez
Luis Felipe Moreno Rondon
Carlos René Rodas Juarez
Andrés Muñoz
Santiago Bastidas Rodríguez
Gerson Montenegro
César Palma
Ivan Andres Diaz Lopez
Jose Luis Rosado Cardenas
Hernan Maza
José Armando Gutiérrez Araujo
Santi Orduño
AMO APRENDER A DEBUGGEAR! Muchas gracias! Lo mejor que me llevo del curso (No porque sea incompleto, sino porque ya hice otros cursos de node, tomo este para aprender mas bases)
Son los fundamentos
Debugger
Node.js viene integrado con un modo de debug para poder conectarnos desde cualquier herramienta de inspección de código a nuestro código de node.js.
Podemos utilizar en la terminal el flag de --inspect con nodemon
npx nodemon --inspect http.js
Para poder acceder a debugger de chrome vamos a la url chrome://inspect/#devices y le dan a inspect en el remote target que quieres inspeccionar.
Muchas Gracias
Gracias por la información.
Espero que este mensaje llegue a mas personas. Aparte del --inpsect existen otros metodos para debuggear node y es que hay un pequeño problema con esa flag y es que uno no puede detener la ejecucion, si usas esa flag en algo que corre muy rapido se saldra del inspector antes de si quiera abrir chrome.
Una forma de debuggear y parate en la primera linea de codigo (asi te da tiempo de abrir chrome y el debugger) es usar --inspect-brk, esto lo cual dicho iniciare el debugger y se denentra en la primera linea de codigo.
node --inspect-brk modulos/http.js
La otra opcion es una linea de codigo debugger y esta la debes colocar en el lugar donde quieres que se detenga el codigo
Ejemplo:
function f (n = 99) { if (n === 0) throw Error() debugger f(n - 1) } f()
A mi me han ayudado de sobremanera estas otras 2 formas de debuggear chrome! espero les pueda ayudar!
Wow! Y pensar que pensaba que jugaba un poco con Javascript y aún ni sabía jugar... Muchas gracias!
Para los que ejecutan en VScode con WSL y no les funciona ese metodo de debuger pueden usar esto
es algo aunque solo un terminal
¡Me encantó!
Tenia problemas para abrir el debbuger cabe mencionar que de esta clase al 2022 ya han pasado algunos años y aunque todo sigue vigente existen algunas diferencias pues se han implementado otras características muy útiles
npx nodemon --inspect my_file.js
ya no hace falta el nodemon, node js trae el --watch
En fundamentos de JavaScript se entiende mejor
no es lo mismo, esto es debuggear el server no el front
Para EDGE seria:
edge://inspect
manito arriba el que esta corriendo esto dentro de un docker. para poder inspeccionar el proyecto corriendo desde un container, se debe agregar el flag --inspect-brk=0.0.0.0 para decirle al debugger que se puede acceder a el desde otra maquina, ya que la maquina host y el container son diferentes
npx nodemon --inspect-brk=0.0.0.0 modulos/http.js
Aquí mismo, aunque seria tal vez complicarse la vida inútilmente, pero bueno.
Hola, a mi si me funcionó, al momento de seleccionar la carpeta donde esta el proyectoChrome pregunta si deseamos dar el acceso, si no lo hacemos no se carga e listado de archivos en el debugger.
Genial la clase, necesita depurar lo que sucede con nuestras variables.
Woow, de haber sabido esto antes me hubiera ahorrado mucho tiempo tratando de saber que era lo que fallaba en el código
Año 2023, node versión 18
MIERDA... Primero que nada espero que no me borren el mensaje. Segundo que bueno ver los errores que han sucedido durante el proceso del curso Tercero ver los algunos de los errores que cometemos
Por favor un curso solo de como usar el debugger y técnicas para encontrar bugs
Debugger
NodeJs tiene un modo de debug integrado. Para hacer la inspección por consola que tiene Node integrada se puede ejecutar el siguiente comando.
node --inspect src/modules/http.js /* **Output:** Debugger listening on ws://127.0.0.1:9229/0d5580cb-6a3c-436c-983e-6ef417fe27ab For help, see: https://nodejs.org/en/docs/inspector Listen http in port 3000 */
En chrome existe un inspector más avanzado que se activa de la siguiente forma:
chrome://inspect
Esto permite abrir el inspector para poder acceder a las funciones y procesos que se están ejecutando.
Si a alguien le pasa que no puede ver la opción de inspector en el navegador, tal como muestro aquí:
nodemon modulos/http.js --inspect
Así que lo que se debe hacer es ejecutarlo de esta otra forma:
nodemon --inspect modulos/http.js
...me quebré la cabeza un buen rato para encontrarle solución al tema :-D
Pueden usar el javascript debugger terminal de vscode, como alternativa a esto
Funciona para WSL: "También tuve ese problema, lo solucione así : verificar que en Discover network targets este el puerto localhost:9229, luego en vez de dar click en inspect como lo hace el profesor, hacer click en open dedicated DevTools for Node, luego en Sources en la pestaña de Node agregar la carpeta del proyecto y listo, puedes poner los puntos y hacer el llamado a la API". Respuesta de comentario hecho por Carlos Mario Benites. A mi me funciono para el WSL
Para acceder al inspector solo tiene que abrir chrome en la siguiente url: chrome://inspect/#devices ademas puedes incorporar tus archivos en en sources.
Tengo problemas para agregar carpeta al workspace en chrome, estoy usando WSL. Cuando agreggo una carpeta al workspace me sale con la ruta de windows c:/xx, y por eso no me funcionan los breakpoints(ademas de que el archivo no tiene ese punto verde), alguien sabe que se hace en este caso??
Me pasa igual, aunque a mi si me sale la ruta igual que la del profe, también espero que alguien nos aclare la duda xD
Yo para solucionar eso uso el comando :
exploerer.exe .
En la consola bash o zsh . En el directorio del proyecto y copio la ruta del directorio, a la hora de agregar una carpeta al workspace solamente colocó la dirección del directorio que copie y accedo al proyecto
