webpack安装最新版本解决webpack-dev-server兼容性的方法

webpack安装最新版本解决webpack-dev-server兼容性的方法：
把package.json文件中的

"scripts": {
     
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack-dev-server"
  },

改成：

"scripts": {
     
    "test": "echo \"Error: no test specified\" && exit 1",
    "dev": "webpack serve"
  },

如果修改为webpack serve还会报webpack Dev Server Invalid Options webpack Dev Server Invalid Options的错误的话，检查一下是不是webpack.config.js中的属性名写错了：

const path = require('path');

module.exports = {
     
    mode: "production",
    entry: "./src/index.js",
    output: {
     
        path: path.resolve(__dirname, 'dist'),
        filename: 'bundle.js'
    },
    target: "web",
    devServer: {
     
        port: 3000, //端口号
        progress: true, // 显示打包编译的进度
        contentBase: './dist', //指定当前服务处理资源的目录
        open: true //编译完成会自动打开浏览器
    },
};

之前我就是port这个词写错了，导致一直没法成功。