Машинопись и HMR не работают

Question

У меня есть интерфейсное приложение, построенное с помощью TypScript, ReactJS и Webpack.
Я пытаюсь включить HMR.
Эти стартовые скрипты

"build": "NODE_ENV=production $(npm bin)/webpack --watch", 
"dev": "$(npm bin)/nodemon --exec \"$(npm bin)/ts-node\" ./server/server.ts || npm run build", 

Это мой TS-погрузчик

{ test: /\.tsx?$/, loader: 'awesome-typescript-loader' } 

И моя конфигурация Dev-сервер

if (NODE_ENV === 'development') { 
    let webpack = require('webpack') 
    const webpackConfig = require('../webpack.config') 
    const compiler = webpack(webpackConfig) 

    app.use(require('webpack-dev-middleware')(compiler, { 
    noInfo: true, publicPath: webpackConfig.output.publicPath 
    })) 
    app.use(require('webpack-hot-middleware')(compiler)) 
} 

Я не в состоянии получить за ошибки

[HMR] The following modules couldn't be hot updated: (Full reload needed) 
This is usually because the modules which have changed (and their parents) do not know how to hot reload themselves. See http://webpack.github.io/docs/hot-module-replacement-with-webpack.html for more details. 

Answer 1

Имел ту же проблему и исправил ее, добавив react-hot-loader, который можно установить с помощью npm install --save-dev react-hot-loader.

Ваш конфиг должен быть таким:

{ test: /\.tsx?$/, loaders:['react-hot', 'awesome-typescript-loader'] }