Как заставить react делать hot reload (живую перезагрузку) компонентов при их изменении?

Question

[Максим Сафаралиев]

Использую Create-React-App
Есть конструкция

class Layout extends Component {
  render() {
    return (
      <div>
        <Header/>
        <Search/>
      </div>
    );
  }
}

export default Layout;

При изменении компонентов <Header/> или <Search/> не срабатывает hot reload. Даже если в сам Layout добавить, например <h1>Hello world</h1>, то он не отобразится, пока я не напишу в консоли npm start. Т.е. я каждый раз при внесении изменений делаю npm start. Это очень удручает. Как приучить приложение триггерить hot reload?

Comments

[Константин Китманов]

Сами конфиг вебпака писали? там много подводных камней.

[Максим Сафаралиев]

Константин Китманов, использовал Create-React-App

[Константин Китманов]

Максим Сафаралиев, хммм... Попробуйте передавать какие-то props'ы и менять их.

Answer 1

[Михаил Жигарев]

а вы когда делаете npm start, что потом с этим окном консоли делаете?

Comments

[Максим Сафаралиев]

ничего

[Михаил Жигарев]

Максим Сафаралиев, странно, по идее, тогда он должен сам перезагружать страницу после каждого изменения