React create hot reload aplikacji nie zawsze działa na Linuksie

Question

Stworzyłem aplikację reagowania za pomocą tablicy narzędziowej create-react-app, która wydaje się być bardzo popularna, gorąco przeładowuję kilka razy aktualizacje, gdy którykolwiek z plików się zmienia, a czasem nie, wydaje się, że istnieje minimalny czas trwania lub coś w tym stylu, używam Ubuntu, wersja 7.0 węzła, skrypt w pakiecie.json jest npm:'react-script start' czego mi brakuje?

Answer 1

Spróbuj tych:

• Wyłącz bezpieczny zapis w swoim IDE
• Wzrost max_user_watches
• Twoja ścieżka nie powinna mieć nawiasów

jako ostateczności spróbuje użyć tego jako ENV zmienna: CHOKIDAR_USEPOLLING=true npm start

Źródła: https://github.com/facebookincubator/create-react-app/issues/659 https://github.com/facebookincubator/create-react-app/issues/1049#issuecomment-261731734

Answer 2

Kiedy npm początek nie wykrywa zmian, poniżej są wspólne kroki rozwiązywania problemów w dokumentacji create-react-app - link.

Podczas gdy aplikacja działa pod numerem npm start, a aktualizacja kodu w edytorze powinna umożliwić odświeżenie pliku z nowym kodem. Jeśli to nie nastąpi, należy spróbować jednego z następujących obejść:

1. Jeśli pliki projektu są synchronizowane bezpośrednio do lokalnego systemu z przechowywania w chmurze, takich jak Dropbox lub Dysku Google i próbujesz uruchomić aplikację w nich bezpośrednio, spróbuj go przenieść.
2. Z powodu błędu Webpack, możesz need to restart the watcher. Jeśli obserwator nie wykryje pliku index.js i odwołuje się do niego przez nazwę folderu.
3. Bezpieczne pisanie funkcja w edytorach takich jak Vim i IntelliJ obecnie łamie watcher. Będziesz musiał disable it.
4. Z powodu Webpack watcher bug, projekty ze ścieżką zawierającą nawiasy, powodują problem, spróbuj przenieść projekt do ścieżki bez nich. .
5. Aby zezwolić większej liczbie obserwatorów w systemach Linux i macOS, może być konieczne uzyskanie tweak system settings.
6. Jeśli projekt działa wewnątrz maszyny wirtualnej, takiej jak VirtualBox (Vagrant provisioned), utwórz plik .env w katalogu projektu, jeśli nie istnieje, i dodaj do niego CHOKIDAR_USEPOLLING=true. Gwarantuje to, że następnym razem, gdy uruchomisz npm start, obserwator użyje trybu odpytywania, w razie potrzeby wewnątrz maszyny wirtualnej.
7. można spróbować zwiększyć max_users_watches - link

Więcej referencji:

• Issue Tracker 1
• Toubleshooting webpack
• Issue Tracker 2 - Webpack polling