Webpack执行yarn run build报错Invalid configuration object如何解决

根因 #

webpack 配置的 optimization 节点下使用了非法属性 moduleIDs，该属性正确拼写为全小驼峰的 moduleIds（最后一位字符为小写d），不符合API schema所以抛出初始化错误。

修复操作 #

1. 编辑项目根目录的 webpack.config.js 文件，找到 optimization 配置段
2. 将字段名 moduleIDs 替换为 moduleIds
3. 保存文件后重新运行 yarn run build 即可完成修复

异常兜底排查 #

如果修改拼写后仍有报错，按以下顺序排查：

• 核对webpack版本：moduleIds 在 webpack 4 及以上版本正式启用，若使用低版本webpack请升级到4.x以上稳定版，或者确认参数值适配当前版本
• 检查所有webpack配置文件：如果项目拆分了开发/生产环境的配置文件，要确保所有配置文件中的对应字段都完成修改
• 清理依赖缓存：执行以下命令后重试构建：

rm -rf node_modules yarn.lock
yarn install
yarn run build

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