2016-02-16 2 views
1

Я выполняю большой новый React учебник на YouTube, расположенный здесь: https://www.youtube.com/watch?v=1iAG6h9ff5s&feature=youtu.beРеагировать Учебное пособие по Webpack Hot Reload не работает из коробки

Все, что он делает это работает, как он прогрессирует через учебник и он сделал его скидочные на его репо находится здесь: https://github.com/learncodeacademy/react-js-tutorials

ПРОБЛЕМА: клонировать его репо, перейдите в каталог, запустите «НПМ установки», затем «NPM запустить Dev» и не получают горячую перезагрузку.

Навигация на localhost показывает правильную страницу, все работы по маршрутизации, но внесение любых изменений не приводит к обновлению. Убив сервер и перезапустив его, отображаются внесенные изменения.

Я что-то упускаю и не знаю, что, любая помощь очень ценится! Спасибо

+0

О возможной связанной заметке: запуск «webpack» действительно создает пакет, но запуск «webpack --watch» не восстанавливается и не обновляется при изменении ... – Stefan

ответ

0

Вы ничего не пропустили: нет никакой горячей перезагрузки. Взгляните на его конфигурацию webpack.

Редактировать: нет обработчика с реакцией (мой плохой). Удалите client.min.js в настоящее время, пусть оно будет обслуживаться webpack-dev-server.

+0

Я изучаю это сейчас, поэтому мои знания очень ограничены. Я знаю, что на его экране его страница перезагружается, как и должно быть. И в учебнике я считаю, что он ссылается только на эту строку в своем пакете .json. «скрипты»: { «dev»: «webpack-dev-server -content-base src -inline -hot» } – Stefan

+0

Я понимаю, что добавления «-inline -hot» недостаточно и он, возможно, случайно отказался от шага или предположил, что у нас может быть что-то уже настроенное? – Stefan

+0

@Stefan Я сделал редактирование своего ответа. Я думаю, что это из-за присутствия 'client.min.js' на вашем жестком диске (поэтому он будет передан до' webpack-dev-server'), может быть, найти другой boilertplate, который больше подходит вашим потребностям? – topheman