ブラウザのコンソールに WebSocket connection to 'ws://172.17.0.2:3000/ws' failed: みたいなエラーが出てきて、ライブリロードが効かない場合。

[ Ubuntu 20 | Node.js v16.14.0 | webpack@5.68.0 | webpack-dev-server@4.7.4 ]

webpack.config.jsdevServer.hostlocal-ip 等を指定していたら、そうじゃなくて 0.0.0.0 に変更する。

webpack.config.js
module.exports = {
  // ...
  devServer: {
    static: {
      directory: path.resolve(__dirname, 'public'),
    },
    host: '0.0.0.0',
    port: 3000,
  },
};

これはWebpack 5の話です。が、Webpack 4でも同じだったような気がする。