ブラウザのコンソールに 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.js
の devServer.host
に local-ip
等を指定していたら、そうじゃなくて 0.0.0.0
に変更する。
module.exports = {
// ...
devServer: {
static: {
directory: path.resolve(__dirname, 'public'),
},
host: '0.0.0.0',
port: 3000,
},
};
これはWebpack 5の話です。が、Webpack 4でも同じだったような気がする。