在 WSL 2 的 Docker 中使用 webpack-dev-server 保存时浏览器不会更新

Question

我看了各种解决方案都无济于事。

在 WSL 2 上测试 webpack-dev-server 工作正常；当我更新 src/main.js 文件时，浏览器会更新，但是当在 docker 容器内部再次运行ning 在 WSL 2 中时，浏览器不会在保存更改时自动更新，但是内容当我手动刷新浏览器时会更新吗？

Docker 容器运行通过

sudo docker run -ti --name justatest -p 3009:8080 -v /home/dev/webpacktest:/home/test node:12 /bin/bash

webpack.dev.config

const path = require("path");

module.exports = {
 mode: "development",
 entry: {
  main: ["./src/main.js"],
 },
 output: {
  filename: "[name].bundle.js",
  path: path.resolve(__dirname, "./dist"),
 },
 devServer: {
  contentBase: "./dist",
  host: "0.0.0.0",
  port: "8080",
 },
};

package.json

{
 "name": "webpacktest",
 "version": "1.0.0",
 "scripts": {
    "dev": "webpack-dev-server --config webpack.dev.js --hot --port 8080 --host 0.0.0.0"
 },
 "license": "MIT",
 "devDependencies": {
  "webpack": "^4.44.2",
  "webpack-cli": "^3.3.12",
  "webpack-dev-server": "^3.11.0"
 }
}

此外，当我运行在 WSL 2 的 docker 容器内创建反应应用程序时，浏览器会在更改时刷新。 create-react-app 是怎么做到的

Answer 1

重启电脑，一切正常:/

在 WSL 2 的 Docker 中使用 webpack-dev-server 保存时浏览器不会更新

Browser Does Not Update on Save with webpack-dev-server in Docker in WSL 2

docker

webpack

webpack-dev-server

visual-studio-code

wsl-2