Mac系统运行npm run dev失败，webpack serve报devServerFlags不可迭代错误

这个devServerFlags is not iterable报错核心为webpack-cli与@webpack-cli/serve版本不兼容导致，可按以下步骤修复：

• 清理当前项目的依赖残留文件

rm -rf node_modules package-lock.json yarn.lock pnpm-lock.yaml

• 卸载现有不兼容的webpack-cli相关依赖

npm uninstall webpack-cli @webpack-cli/serve

• 安装经过验证的兼容版本依赖
  webpack 5环境推荐使用以下版本组合：

npm install webpack-cli@4.10.0 @webpack-cli/serve@1.7.0 --save-dev

若使用webpack 4环境，可直接安装webpack-cli 3.x版本，无需单独安装@webpack-cli/serve：

npm install webpack-cli@3.3.12 --save-dev

• 重新安装所有项目依赖

npm install

• 执行启动命令验证修复结果

npm run dev

补充说明 #

如果执行后仍报错，可检查是否存在全局webpack-cli冲突，执行以下命令删除全局版本即可：

npm uninstall -g webpack-cli

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