React create app hot reload non funziona sempre su Linux

Quando npm start non rileva modifiche, di seguito sono riportati i passaggi comuni per la risoluzione dei problemi forniti nel create-react-app documentazione - collegamento.

Mentre un'app è in esecuzione con npm start e l'aggiornamento del codice nell'editor dovrebbe eventualmente aggiornare il browser con il codice aggiornato. Se ciò non accade, prova una delle seguenti soluzioni alternative:

1. Se i file del progetto vengono sincronizzati direttamente sul tuo sistema locale da un archivio cloud come Dropbox o Google Drive e stai provando a eseguire l'app direttamente al loro interno, prova a spostarlo.
2. A causa di un bug di Webpack, potrebbe essere necessario riavviare il watcher. Se l'osservatore non rileva index.js e lo stai facendo riferimento con il nome della cartella.
3. Scrittura sicura caratteristica in editor come Vim e IntelliJ attualmente rompe l'osservatore. Dovrai disabilitarlo.
4. A causa di un bug del watcher di Webpack, i progetti con il percorso contengono parentesi causano problemi, prova a spostare il progetto in un percorso senza di esse. .
5. Per consentire più osservatori in Linux e macOS, potrebbe essere necessario modificare le impostazioni di sistema.
6. Se il progetto viene eseguito all'interno di una macchina virtuale come VirtualBox (un Vagrant con provisioning), crea un .env file nella directory del progetto se non esiste e aggiungi CHOKIDAR_USEPOLLING=true ad esso. Questo assicura che la prossima volta che eseguirai npm start , l'osservatore utilizza la modalità polling, come necessario all'interno di una VM.
7. Potrebbe provare ad aumentare max_users_watches - collegamento

Altri riferimenti:

• Issue Tracker 1
• Risoluzione dei problemi relativi al webpack
• Issue Tracker 2 - Webpack polling

Prova questi:

• Disattiva la scrittura sicura nel tuo IDE
• Aumenta max_user_watches
• Il tuo percorso non dovrebbe avere parentesi

come ultima risorsa prova a usare this come variabile env:CHOKIDAR_USEPOLLING=true npm start

Fonti:https://github.com/facebookincubator/create-react-app/issues/659https://github.com/facebookincubator/create-react-app/issues/1049#issuecomment-261731734