Tengo una pequeña aplicación que usa Express. Quiero depurar un código js del lado del cliente que llama a mi backend, pero parece que cuando trato de depurar mi aplicación usando localhost: 8888, todos los puntos de interrupción js del lado del cliente se vuelven grises.
Estoy especulando que es algo con la configuración, pero realmente no lo sé.
Actualmente estoy depurando en VSCode usando ctrl + shift + p -> depurar enlace abierto.
Con mi servidor en ejecución, intento depurar "http://127.0.0.1:8888/frontend/frontend_3_26/web-api-auth-examples/authorization_code/public/index.html"
que golpea mis puntos de interrupción en js.
Pero, cuando trato de depurar "http://localhost:8888", mis puntos de interrupción están atenuados y mis puntos de interrupción no se ven afectados.
No estoy seguro de si esto ayudará, pero adjunto está lo que veo en las herramientas para desarrolladores de Chrome.
Entonces, ¿tal vez sea un problema que localhost no pueda ubicar los archivos correctos? He estado jugando con la configuración de inicio, pero estoy perdido.
¿Podría alguien ayudarme aquí? Te lo agradecería mucho.
¡Gracias!
Solucionado mi problema.
Fue porque no le estaba diciendo a mi servidor dónde buscar mi código del lado del cliente, lo cual se hace haciendo esto:
app.use(express.static(path.join(__dirname, 'public')));Estas publicaciones me ayudaron y entran más en detalle:
nodejs/express incluye archivo js local
El archivo JS obtiene una red::ERR_ABORTED 404 (No encontrado)
Este ayudó especialmente debido a la explicación detallada de la estructura del archivo: ¿Alguien puede explicar cómo funcionan los archivos estáticos en express js?