Electron, React и Webpack, как заставить работать HMR?

Question

Трудно понять сложности веб-пакетов, и мне нужна помощь, чтобы заставить HMR работать, я начал новый проект, используя electronic-forge , используя шаблон typcript-webpack.

Проект создан со следующей структурой:

Вы можете видеть, что конфигурация ts-загрузчика уже там, после этого я добавил реагировать и реагировать и установить Привет компонент мира приложения, проблема в том, что теперь, когда я изменяю этот компонент, я получаю ошибку HMR веб-пакета:

не уверен, как решить эту проблему проблема, как представляется, реагирующий на горячий загрузчик является библиотекой для go, чтобы заставить это работать, но не уверен, как заставить его работать с ts-загрузчиком, кто-нибудь может указать, как заставить работать этот набор? Спасибо!

Редактировать 1: я пытался добавить ответную горячую перезагрузку, но я получаю ошибку require is not defined ...

Answer 1

Что ж, после возни с пакетом react-hot-loader я просто не мог заставить его работать, поэтому я наткнулся на способ горячей перезагрузки веб-пакета по умолчанию:

в файле индекса (куда вы импортируете свой root реагировать компонент, вы можете использовать что-то вроде:

declare let module: { hot: any };

if (module.hot) {
  module.hot.accept("./App", () => {
    const NewApp = require("./App").default;

    render(<NewApp />, document.getElementById("app"));
  });
}

По крайней мере, пока он работает