IIC2513 / Syllabus-S1-2024-1

Sección 1 - Antonio Ossa
39 stars 1 forks source link

[T2] yarn dev: actualización de cambios en la página #135

Open giacop002 opened 5 months ago

giacop002 commented 5 months ago

Hola :)

Cuando realizo un cambio en el código de un proyecto React, y tengo la página abierta en algún puerto al haber hecho yarn dev, no veo los cambios reflejados en la página aunque la recargue. Entonces, tengo que cerrar el puerto con Ctrl-C y volver a hacer yarn dev para que se actualice la página con los últimos cambios. Supongo que este no es el comportamiento esperado, o si?

He tenido este problema desde la primera ayudantía de React 😿 ayuda plis 🙏 Antes era más molesto incluso porque además de tener que volver a hacer yarn dev, se me cambiaba el puerto cada vez que lo hacía, pero gracias a una ayudante descubrí que era porque estaba cerrando la página con Ctrl-Z en vez de Ctrl-C, por lo que el puerto en uso no se desocupaba. Al cerrar la página con Ctrl-C ya no tengo que cambiar el puerto, pero sigo teniendo que hacer yarn dev todo el rato 💀

rodrigoogalde commented 5 months ago

Hola! No es comportamiento esperado. Para poder solucionar esto necesito que puedas hacer lo siguiente:

benjaaguila commented 5 months ago

Hola @giacop002 ! estas usando Windows?. Al menos a mí me paso que si corría el proyecto en windows nativo no se me actualizaban los cambios al instante, en cambio cuando abrí el proyecto dentro del ambiente WSL los cambios si se me actualizaban al instante. Para eso tendrías que copiar o clonar tu proyecto dentro del ambiente WSL, espero que con eso puedas solucionar tu problema.

Saludos.

giacop002 commented 5 months ago

Hola 😄 gracias por tu respuesta @rodrigoogalde

index.js

* Responde esta issue con un pantallazo del código que se encuentra en index.js. Para poder revisar si esta todos los paquetes.

No estoy seguro a qué archivo te refieres, busqué y dentro de cada proyecto (T2 o ayudantías de React) hay muchos archivos con ese nombre en subcarpetas dentro de la carpeta node_modules.

Captura de pantalla 2024-04-11 112324

A continuación dejo un pantallazo de uno de estos archivos:

Captura de pantalla 2024-04-11 113141

Te dejo igual un pantallazo de otros archivos dentro del proyecto:

Captura de pantalla 2024-04-11 115509

Modo incógnito

* Mientras tanto, puede intentar abrir tu navegador en modo incógnito, para evitar problemas con el caché.
* Envía una imagen de la consola (presiona F12 al abrir el navegador) para ver si tienes algún error inesperado.

Intenté en modo incógnito, pero no obtuve resultados diferentes. Además, no encontré un error en la consola:

Captura de pantalla 2024-04-11 114434

yarn

* Actualiza las dependencias del proyecto. Esto lo puedes hacer corriendo `yarn`

También había hecho yarn varias veces 😢

Captura de pantalla 2024-04-11 114635