キリウ君が読まないノート 作 ▸
WSL2 + Docker 環境で webpack-dev-server のライブリロードが効かない場合 (Webpack 5)
ブラウザのコンソールに WebSocket connection to 'ws://172.17.0.2:3000/ws' failed: みたいなエラーが出てきて、ライブリロードが効かない場合。
Ubuntu 20Node.js v16.14.0webpack 5.68.0webpack-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でも同じだったような気がする。