React create app hot reload nefunguje vždy na linuxu

Když npm start nezjistí změny, níže jsou uvedeny běžné kroky pro odstraňování problémů uvedené v create-react-app dokumentace – odkaz.

Když je aplikace spuštěna s npm start a aktualizace kódu v editoru by možná měla aktualizovat prohlížeč aktualizovaným kódem. Pokud se tak nestane, zkuste jedno z následujících řešení:

1. Pokud jsou soubory projektu přímo synchronizovány do vašeho místního systému z cloudového úložiště, jako je Dropbox nebo Disk Google, a vy se v nich pokoušíte spustit aplikaci přímo, zkuste ji přesunout.
2. Vzhledem k chybě Webpack bude možná nutné restartovat prohlížeč. Pokud sledující nezjistí soubor index.js a vy na něj odkazujete názvem složky.
3. Bezpečný zápis funkce v editorech, jako je Vim a IntelliJ, v současné době narušuje pozorovatele. Budete jej muset zakázat.
4. Kvůli chybě Webpack watcher způsobují projekty s cestou obsahující závorky problém. Zkuste projekt přesunout na cestu bez nich. .
5. Chcete-li v systémech Linux a macOS povolit více diváků, možná budete muset upravit nastavení systému.
6. Pokud projekt běží ve virtuálním počítači, jako je VirtualBox (poskytovaný Vagrantem), vytvořte .env soubor ve vašem projektovém adresáři, pokud neexistuje, a přidejte CHOKIDAR_USEPOLLING=true k tomu. To zajistí, že při příštím spuštění npm start , pozorovatel používá režim dotazování podle potřeby uvnitř virtuálního počítače.
7. Můžete zkusit zvýšit max_users_watches - odkaz

Další reference:

• Sledování problémů 1
• Odstraňování problémů s webovým balíčkem
• Sledování problémů 2 – průzkum webových balíků

Zkuste tyto:

• Vypněte bezpečný zápis ve svém IDE
• Zvýšení max_user_watches
• Vaše cesta by neměla mít závorky

jako poslední možnost zkuste použít tuto proměnnou env:CHOKIDAR_USEPOLLING=true npm start

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