Webpack-dev-server: 404 Not Found for <host>/__webpack_hmr

[jonlambert]

Do you want to request a feature or report a bug?
Report a bug.

What is the current behavior?
When running webpack-dev-server using the configuration detailed in the Gist below, the browser console emits http://localhost:8080/__webpack_hmr 404 (Not Found) errors, and HMR does not work correctly.

If the current behavior is a bug, please provide the steps to reproduce.
https://gist.github.com/jonlambert/2e38092c7527ec97329911882de29d91

What is the expected behavior?
For HMR to work correctly, with the client connecting to the websocket endpoint whilst using webpack-dev-server.

Please mention your webpack and Operating System version.

• macOS Sierra
• Webpack version 2.6.1

[Panoplos]

You can fix this issue by removing 'webpack-hot-middleware/client' from your webpack config.

[idangoldman]

Thank you @Panoplos and have a great day! :)

[AmareshB]

@Panoplos I tried removing it and hot-reloading doesn't work for me.

[wuliupo]

thanks @Panoplos. there are two ways for webpack-dev-server hot update:

1. webpack-dev-server, hot=true, inline=true
2. express server: webpack-dev-middleware + webpack-hot-middleware, __webpack_hmr

  const compiler = webpack(webpackConfig);
  webpackConfig.entry.app = ['webpack-hot-middleware/client', webpackConfig.entry.app];
  const devMiddleware = require('webpack-dev-middleware')(compiler, {});
  const app = express();
  app.use(devMiddleware);
  //...

[Verten]

@wuliupo Thanks for the information

[aakhan89]

'webpack-hot-midd

I did the same, but not working