2017-02-03 2 views
9

Я создал приложение для реагирования с использованием шаблона create-response-app, который, кажется, очень популярен, горячая перезагрузка обновлений несколько раз, когда какой-либо из файлов изменяется, а иногда нет, кажется, что существует минимальная продолжительность или что-то в этом роде, я использую Ubuntu, узел версии 7.0, скрипт в package.json равен npm:'react-script start', что мне не хватает?React create app hot reload не всегда работает на linux

+0

Используете ли вы какие-либо IDE или запускать его прямой п консоль? –

+0

Командная строка @AdolfoOnrubia, я использовал start-script start .. – challenger

+0

Я имею в виду, как вы редактируете и управляете файлами проекта, возможно, опечатка вызывает реакцию на обновление. Исправьте ошибки кода, и он перезагрузится. –

ответ

2

Попробуйте эти:

  • Выключите безопасную запись в вашей IDE
  • Увеличение max_user_watches
  • Ваш путь не должен иметь круглые скобки

, как последнее средство попытаться использовать это в качестве окр переменная: CHOKIDAR_USEPOLLING=true npm start

Источники: https://github.com/facebookincubator/create-react-app/issues/659 https://github.com/facebookincubator/create-react-app/issues/1049#issuecomment-261731734

5

Когда НПМ старт не обнаруживает изменений, ниже приведены общие шаги по устранению неполадок, приведенные в документации create-react-app - link.

В то время как приложение работает с npm start, а обновление кода в редакторе должно, возможно, обновить borswer с обновленным кодом. Если этого не произойдет, попробуйте выполнить одно из следующих решений:

  1. Если файлы проекта непосредственно синхронизируются с локальной системой из облачного хранилища, как Dropbox или Google Drive и вы пытаетесь запустить приложение в них прямо, попробуйте переместить его.
  2. Из-за ошибки Webpack вы можете need to restart the watcher. Если наблюдатель не обнаруживает index.js, и вы ссылаетесь на него по имени папки.
  3. Безопасная запись Функция редакторов, таких как Vim и IntelliJ, в настоящее время разрывает наблюдателя. Вам нужно будет disable it.
  4. Из-за Webpack watcher bug проекты с контуром содержат скобки, вызывающие проблему, попробуйте переместить проект на путь без них. ,
  5. Чтобы предоставить больше наблюдателей в Linux и macOS, вам может понадобиться tweak system settings.
  6. Если проект запускается внутри виртуальной машины, такой как (созданный Vagrant) VirtualBox, создайте файл .env в каталоге проекта, если он не существует, и добавьте к нему CHOKIDAR_USEPOLLING=true. Это гарантирует, что при следующем запуске npm start наблюдатель использует режим опроса, если необходимо, внутри виртуальной машины.
  7. Может попробовать увеличить max_users_watches - link

Больше ссылок:

Смежные вопросы