Estaba leyendo un montón de cosas innecesarias.

Estoy usando React 17 .

Y mi problema era que la página solo agregaba nuevos componentes pero el navegador no actualizaba la página.

Si su terminal está Compiling... y luego no ve cambios en el navegador, debe intentar agregar un archivo .env en la ruta raíz del proyecto y agregar FAST_REFRESH=false .

La actualización en caliente se reemplazó por actualización rápida de forma predeterminada.

¿Ha visto la sección "Solución de problemas" de la Guía del usuario?
Describe algunas causas comunes de este problema :

Cuando guarda un archivo mientras se ejecuta npm start , el navegador debería actualizarse con el código actualizado.

Si esto no sucede, pruebe una de las siguientes soluciones:

• Si su proyecto está en una carpeta de Dropbox, intente sacarlo.
• Si el observador no ve un archivo llamado index.js y hace referencia a él por el nombre de la carpeta, debe reiniciar el observador debido a un error de Webpack.
• Algunos editores como Vim e IntelliJ tienen una función de "escritura segura" que actualmente interrumpe al observador. Deberá desactivarlo. Siga las instrucciones en "Deshabilitar la creación de archivos de intercambio en vim" .
• Si la ruta de su proyecto contiene paréntesis, intente mover el proyecto a una ruta sin ellos. Esto se debe a un error del observador de Webpack .
• En Linux y macOS, es posible que deba modificar la configuración del sistema para permitir más observadores.
• Si el proyecto se ejecuta dentro de una máquina virtual como VirtualBox (aprovisionada por Vagrant), cree un archivo .env en el directorio de su proyecto si no existe, y agregue CHOKIDAR_USEPOLLING=true . Esto garantiza que la próxima vez que ejecute npm start , el observador use el modo de sondeo, según sea necesario dentro de una máquina virtual.

Si ninguna de estas soluciones ayuda, por favor deje un comentario en este hilo .

¡Espero que esto ayude!

Agregar un archivo .env en la ruta base del proyecto y dentro agregar FAST_REFRESH=false .

Esto desactiva la actualización rápida y vuelve a la recarga en caliente.

Si no desea agregar un archivo .env a su ruta base, puede elegir estas opciones:

• "start": "FAST_REFRESH=false react-scripts start" , en el paquete.json.
• FAST_REFRESH=false npm run start , en la línea de comando.
• FAST_REFRESH=false , exportándolo como una variable de entorno.

reaccionar 17

React-scrits 4