React create app hot reload tidak selalu berfungsi di linux

Ketika npm start tidak mendeteksi perubahan, di bawah ini adalah langkah pemecahan masalah umum yang disediakan di create-react-app dokumentasi - tautan.

Saat aplikasi berjalan dengan npm start dan memperbarui kode di editor mungkin harus menyegarkan browser dengan kode yang diperbarui. Jika hal ini tidak terjadi, coba salah satu solusi berikut:

1. Jika file proyek langsung disinkronkan ke sistem lokal Anda dari penyimpanan cloud seperti Dropbox atau Google Drive dan Anda mencoba menjalankan aplikasi di dalamnya secara langsung, coba pindahkan.
2. Karena bug Webpack, Anda mungkin perlu memulai ulang pengamat. Jika pengamat tidak mendeteksi index.js dan Anda mereferensikannya dengan nama folder.
3. Menulis dengan aman fitur di editor seperti Vim dan IntelliJ saat ini merusak pengamat. Anda harus menonaktifkannya.
4. Karena bug pengamat Webpack, proyek dengan jalur berisi tanda kurung menyebabkan masalah, coba pindahkan proyek ke jalur tanpa tanda kurung. .
5. Untuk mengizinkan lebih banyak pengamat di Linux dan macOS, Anda mungkin perlu mengubah setelan sistem.
6. Jika proyek berjalan di dalam mesin virtual seperti VirtualBox (yang disediakan Vagrant), buat .env file di direktori proyek Anda jika tidak ada, dan tambahkan CHOKIDAR_USEPOLLING=true untuk itu. Ini memastikan bahwa lain kali Anda menjalankan npm start , pengamat menggunakan mode polling, sebagaimana diperlukan di dalam VM.
7. Dapat mencoba meningkatkan max_users_watches - tautan

Lebih banyak referensi:

• Pelacak Masalah 1
• Pemecahan masalah paket web
• Issue Tracker 2 - polling Webpack

Coba ini:

• Matikan penulisan aman di IDE Anda
• Tingkatkan max_user_watches
• Jalur Anda tidak boleh memiliki tanda kurung

sebagai upaya terakhir coba gunakan ini sebagai variabel env Anda:CHOKIDAR_USEPOLLING=true npm start

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