It appears that React Hot Loader isn't configured correctly

Дата: 05.03.2017 в 16:05, Категория: ReactJS
  • 1128
  • 10
It appears that React Hot Loader isn't configured correctly

Начал разрабатывать сегодня админ-панель на Laravel, прописал сразу роуты, нашёл в интернете бесплатный шаблон для админки Light Bootstrap Dashboard. Далее стоял выбор между Angular и React. Так как я давно работаю с Angular и он позволил бы мне выполнить задачу максимально быстро, я решил взяться за React. По той простой причине, что для практики это то, что нужно + я еще не работал с React в подобных задачах.

Выбрав React, я сразу клонировал репозиторий React Hot Boilerplate. Остается подключить шаблон и приступить к функционалу. Но, не всё так гладко как я ожидал. Столкнулся со странной проблемой с React Hot Loader, благодаря которой я потратил 2 часа на решение. Так как я ленивый, я просто скопировал часть сообщения и пробежался по всем результатам в гугле. Ничего дельного не нашёл, пока не перевёл эту ошибку сам.

It appears that React Hot Loader isn't configured correctly. If you're using NPM, make sure your dependencies don't drag duplicate React distributions into their node_modules and that require("react") corresponds to the React instance you render your app with. If you're using a precompiled version of React, see https://github.com/gaearon/react-hot-loader/tree/master/docs#usage-with-external-react for integration instructions.

Возможно вы зашли на эту страницу с поисковой системы, так как сами столкнулись с данной проблемой. Тут я опишу все возможные причины (P.S.: исходя из других ответов на StackOverflow и Github).

    1. Посмотреть в дочерних и родительских папках наличие уже установленного пакета react в папке node_modules. Если есть, удалить пакеты и оставить только один.
    1. Удалить полностью всю папку node_modules и заново установить все зависимости npm install
    1. Проблема при использовании defaultProps - смотреть issues#298
    1. Заново рендерить приложение, при каком-нибудь изменении. Пример кода смотрите ниже или читайте эту статью
Тэги: