devServer:{
    hmr: true,
    // hot: true,
    // true 则热更新，false 则手动刷新，默认值为 true
    // inline: true,

ValidationError: webpack Dev Server Invalid Options options should NOT have additional properties

难不成"webpack-dev-server的版本太高了？

降低 "webpack-dev-server": "^3.10.1" 还是不行

"webpack" "webpack-cli" "webpack-dev-server" 这三个一定要安装？

"webpack": "5.12.0", "webpack-cli": "4.10.0", "webpack-dev-server": "4.9.1"

找到参考：

cnpm install webpack@4.41.5 -g   //我用的是全局安装
cnpm install webpack-cli@3.3.10 -g
cnpm install webpack-dev-server@3.10.1 -g

blog.csdn.net/AshleyXM/ar…

删除webpack-cli webpack-dev-server 重新跑发现还是报错

注释掉

 // productionSourceMap: false,// 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建

disableHostCheck:true //webpack4.0 开启热更新？？？

v4.webpack.docschina.org/configurati…

disableHostCheck=true    作用是关闭 host 检查 。

因为devServer对host做了限制，如果想通过域名访问，需要对devServer增加配置项。

在webpack 5 中disableHostCheck应该被遗弃了，查看文档了解到需将 disableHostCheck:true
替换为historyApiFallback: true，allowedHosts: “all”,

命令区别

vue-cli-service serve && webpack-dev-server --open

vue-cli-service serve && webpack-dev-server NODE_ENV=development --mode dev --open --hot

都试了上面的命令都不行看有的说是sockjs的问题

www.cnblogs.com/johnjackson…

我的项目本地的webstock 链接失败所以我猜测我的热更新失败因该是和这个有关

与热更新有关的依赖是"webpack-dev-middleware"、"webpack-hot-middleware"热更新无效原因应该是依赖没有装好吧 cnpm install再装一下就可以了

再试试其他方法：

不行 blog.csdn.net/fengchuiguo…

      config.resolve.symlinks(true);

终于成功了原来是工位换了我的本地ip地址换了

修改一下host就行

修改值会发出请求

vue-cli4 热更新失败