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

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.

Deja una respuesta

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


*


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