webpack serve启动失败：Dev Server配置schema不匹配报错求助

嘿，这个问题我之前也踩过坑！报错里明明白白指出contentBase是未知属性，这是因为webpack-dev-server从v4版本开始，把静态文件服务的配置项从contentBase改成了static，你的配置还在用旧的属性名，所以触发了API schema的校验错误。

具体修复步骤： #

打开你的webpack.config.js，找到devServer配置块，把contentBase直接替换成static就行，其他配置保持不变。

修改后的devServer配置示例：

devServer: {
  historyApiFallback: true,
  static: path.resolve(__dirname, './dist'), // 替换原有的contentBase
  open: true,
  compress: true,
  hot: true,
  port: 8080,
  allowedHosts: 'all',
},

额外补充： #

如果需要指定多个静态文件目录，static还支持传入数组格式，比如同时挂载dist和public目录：

static: [
  path.resolve(__dirname, './dist'),
  path.resolve(__dirname, './public')
]

要是你不确定自己的webpack-dev-server版本，可以在项目根目录下运行下面的命令查看：

# npm用户
npm list webpack-dev-server

# yarn用户
yarn list webpack-dev-server

改完配置后重新运行yarn start，应该就能正常启动dev server了！

内容的提问来源于stack exchange，提问作者Vlad Kn