socket.io - 独自の socket.io サーバーをプロキシするときに webpack のホット モジュール置換 (react-hot-loader) を機能させる方法

Question

socket.io を使用するノード エクスプレス アプリがあります。このアプリは、クライアント側の反応アプリ (ノード アプリのソケット コードと通信する) でホット モジュール置換を使用したいので、webpack の開発サーバーを介してプロキシされます。

ただし、リスナーを追加するsocket.ioと、ホットモジュールの交換が中断されます。hmrリスナーではなく、リスナーがメッセージを受信して​​いるためだと思いますか?

問題は、ホットロードされるファイルを保存すると、代わりにクロム開発ツールで次のようになり、ホットロードが発生しないことです:

[WDS] App updated. Recompiling...
client?eeaa:52 [WDS] Proxy error.
client?eeaa:54 cannot proxy to http://127.0.0.1:1338 (read ECONNRESET)
client?eeaa:90 [WDS] App hot update...
socket.io.js:1456 GET http://localhost:1339/socket.io/?EIO=3&transport=polling&t=LA7JXr9&sid=r1NFzh1HOD5GcbN0AAAA 502 (Bad Gateway)
client?eeaa:25 [WDS] App updated. Recompiling...
client?eeaa:90 [WDS] App hot update...
socket.io.js:1456 POST http://localhost:1339/socket.io/?EIO=3&transport=polling&t=LA7Jckl&sid=r1NFzh1HOD5GcbN0AAAA 400 (Bad Request)

( の本体400 (Bad Request)は次のとおりです。

{"code":1,"message":"Session ID unknown"}

これを正しく設定する方法を知っている人はいますか？

MYwebpack.config.jsは現在:

var path    = require('path');
var webpack = require('webpack');

module.exports = {
  entry:  [
    'webpack-dev-server/client?http://127.0.0.1:1339/',
    'webpack/hot/only-dev-server',
    './src/client/main.js'
  ],
  output: {
    path:     path.join(__dirname, 'dist'),
    filename: 'client-bundle.js'
  },
  resolve: {
    modulesDirectories: ['node_modules'],
    extensions:         ['', '.js']
  },
  module: {
    loaders: [
      {
        test:    /\.js$/,
        exclude: /node_modules/,
        loaders: ['react-hot', 'babel']
      }, {
          test: /\.css$/,
          loader: 'style!css'
      }
    ]
  },
  plugins: [
    new webpack.HotModuleReplacementPlugin(),
    new webpack.NoErrorsPlugin()
  ],
  devtool: 'inline-source-map',
  devServer: {
    hot: true,
    proxy: {
      '*': 'http://127.0.0.1:' + (process.env.PORT || 1338)
    },
    host: '127.0.0.1'
  }
};