微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

WSL 2中的Docker中的webpack-dev-server无法在保存时更新浏览器

如何解决WSL 2中的Docker中的webpack-dev-server无法在保存时更新浏览器

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

在WSL 2上测试webpack-dev-server可以正常工作;当我更新src / main.js文件时,浏览器会更新,但是在WSL 2中再次运行的docker容器内部时,浏览器不会在保存更改时自动更新,但是当我手动刷新浏览器时内容是否会更新? >

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时,浏览器会在更改时刷新。 create-react-app如何做到

解决方法

重新启动计算机,一切都很好:/

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。