Горячее промежуточное ПО Webpack: net::ERR_INCOMPLETE_CHUNKED_ENCODING

Question

Я пытаюсь отладить, почему моя горячая перезагрузка промежуточного программного обеспечения занимает невероятно много времени, чтобы распознать изменения и обновления, и я заметил, что в журналах на стороне клиента самая большая проблема - ошибка

Failed to load resource :net::ERR_INCOMPLETE_CHUNKED_ENCODING

который появляется сразу после того, как я сохраняю изменения в моем коде реагировать. Лишь через 5-10 секунд он снова подключается и обновляет страницу с изменением кода реагирования. Я исследовал в Интернете и заметил из связанных с этим проблем репо, что большинство говорит, что это проблема тайм-аута, связанная с конкретными версиями узла, но я работаю на последней сборке 10.16.1 и был бы удивлен, если бы ошибка все еще присутствовала так далеко после того, как эти проблемы появились.

Вот процесс регистрации и активности клиентов:

1) загрузка сервера

[HMR] connected

2) Изменение и сохранение файла Reactjs

[HMR] bundle rebuilding
Failed to load resource: net::ERR_INCOMPLETE_CHUNKED_ENCODING

3) Через 5-10 секунд после обновления страницы появляются изменения

[HMR] connected
[HMR] Checking for updates on the server...
GET http://localhost:3000/dab40325d66ab598cdc3.hot-update.json 404 (Not Found)
(Warning) [HMR] Cannot find update (Full reload needed)
(Warning) [HMR] (Probably because of restarting the server)
(Warning) [HMR] Reloading page

Вот мой конфиг веб-пакета:

const webpack = require('webpack');

module.exports = {
    entry: [
      'webpack-hot-middleware/client?reload=true',
      './src/index.js',
    ],
    mode: 'development',
    output: {
      path: __dirname + '/dist',
      filename: 'bundle.js'
    },
    module: {
      rules: [
        {
          test: /\.jsx?$/,
          loader: 'babel-loader',
          exclude: /node_modules/,
        },
      ],
    },
    plugins: [
      new webpack.HotModuleReplacementPlugin()
    ],
  }

Вот мой конфиг сервера:

const express = require('express');
const app = express();
const port = 3000;

const webpack = require('webpack');
const webpackConfig = require('./webpack.config');
const compiler = webpack(webpackConfig);



console.log(process.env.TEST);

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

app.use(require('webpack-hot-middleware')(compiler));


app.get('/', (req, res) => {
    res.sendFile(__dirname + "/index.html");
});

app.listen(port, () => {
    console.log(`Server on: ${port}`)
})