React — Browser не обнаруживает изменений, и консоль сообщает'[HMR] Ожидает сигнала обновления от WDS …’

#javascript #reactjs #create-react-app

#javascript #reactjs #create-react-app

Вопрос:

Я довольно новичок в React, извините, если я спрашиваю что-то глупое. Любая помощь была бы высоко оценена 🙂

Окружающая среда

  • Ubuntu 20.04 в Windows 10 (WSL2)
  • Версия узла — v14.1.0
  • Версия Npm — v6.14.7
  • Редактор кода — VS Code v1.14.0

ШАГИ, КОТОРЫЕ я ВЫПОЛНИЛ

  1. npx create-react-app <app-name>
  2. cd <app-name>
  3. npm start
  4. https://localhost:3000 открывается в браузере с целевой страницей React по умолчанию. Консоль сообщает'[HMR] Ожидает сигнала обновления от WDS … ‘
  5. Удалите все файлы в src каталоге и создайте пустой index.js в src каталоге.

Ожидаемый результат: пустой экран

Вывод: целевая страница React по умолчанию, даже если я перезагружаю страницу.

Проблемы, которые я допустил, прежде чем задать этот вопрос: (

  • Посмотрел в выпусках create-react-app .
  • Пытался устранить неполадки create-react-app , как указано в официальных документах.
  • Похожие вопросы были в stackoverflow. Нашел некоторые, но ни один не сработал, возможно, потому, что моя среда разработки отличалась от них (WSL2 в Windows 10).

Ответ №1:

Для меня это звучит как проблема с кэшированием. Я предполагаю, что вам следует очистить кеш Google Chrome и повторить попытку. Если это не сработает, проверьте свой файл package.json и убедитесь, что в разделе «скрипты»: «пуск» написано «запуск реактивных скриптов».

Комментарии:

1. Честно говоря, это то, чего я раньше не видел. Попробуйте запустить эту команду sudo apt update amp;amp; sudo apt -y upgrade amp;amp; sudo apt autoremove в вашем терминале WSL?

Ответ №2:

Ура! Проблема решена. Это была моя ошибка : (. Все эти дни я пытался получить доступ к файловой системе Windows из WSL2, и это казалось очень медленным. Поэтому я решил работать в самой файловой системе Linux. И теперь все работает нормально. Спасибо за помощь 🙂