Aplicación de React no actualiza en VM de vagrant (VirtualBox)

y

He estado trabajando con Django (en el Backend) y React.js (en el Frontend) y me topé con un caso especial en el entorno de desarrollo donde utilizo Vagrant para poder emular el entorno productivo en capacidad, configuración y recursos. Sin embargo la aplicacion de React no actualizaba ante un cambio en los archivos de la aplicación. Probé de todo desde reiciaiar el webpack, aumentar los watchers, etc. pero nada resolvia el problema hasta que lo encontré.

Aplicación de React no actualiza en VM de vagrant (VirtualBox)

El problema se presenta cuando inicias la aplicación y al hacer un cambio el sistema no detecta el cambio y para hacer que la aplicación tome el cambio es necesario detener el servidor y reiniciarlo algo que no tiene sentido. El tema es que al ser un entorno en una máquina virtual existen algunas condiciones que lo agradan a webpack por lo que es necesario agregar un archivo en el directorio del projecto con un parámetro específico y listo problema resuelto.

Para solucionar el problema lo que tienes que realizar es simple, solo debes crear un archivo que se llame .env y que debe estar ubicado en el dicrectorio de la aplicación react.

Puedes crearlo simplemente ejecutando el comando:

nano .env

Si existiera el archivo solo tienes que agregar el siguiente texto, sino existe pues de creará con el comando anterior y solo tienes que grabar su contenido, el cual, debe ser este:

CHOKIDAR_USEPOLLING=true 

Al reiniciar la aplicación React con npm start, el comportamiento será el esperado.


This entry was posted in Blog and tagged , , , . Bookmark the permalink.

¿Cómo apoyar a ComoInstalarLInux.com ?

¿Te ha sido de utili este post? Si fue así puedes apoyar a este blog con una donación o compartiendo este post en tus redes sociales. Puedes utilizar el siguiente código QR o utilizando el botón de donación de PayPal.
Donativo con paypal

Comentarios

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *



Save my name, e-mail and web site for next time I comment.

*


Calcula para comentar *

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios.

Más en Blog
Como Respaldar un Profile de Gnome Terminal

Hacer un backup de un perfile de Gnome Terminal parece complicado pero existe una forma mas sencilla de respaldar todos...

Como Ordenar un Diccionario de objetos en Python 3

Python me ha causado una buena impresión en la mayoría de las veces que he aprendido algo o cuando he...

Cerrar