Webpack构建报错Invalid configuration object：config.target参数无效求助

你遇到的编译失败和你之前排查的loaders属性兼容问题完全无关，触发报错的核心是你对webpacktarget配置项的功能认知出现了偏差。

• webpack的target参数用于声明打包产物最终的运行宿主环境，内置的schema校验规则明确要求该值只能为指定的枚举选项（web/webworker/node等）或者自定义配置函数，你赋值的'es2020'不在合法值范围内，自然会直接阻断初始化流程。
• 你原本想通过该配置实现的「让构建产物兼容ES2020语法」的需求，完全不属于target参数的管辖范围，两者功能边界毫无关联。

• 直接删除配置文件中的config.target = 'es2020'这行代码，即可解决当前的编译报错。对于常规前端React项目，webpack默认的target: 'web'配置完全匹配项目运行环境要求，不需要手动修改该参数。
• 如果确实需要调整构建产物的ECMAScript语法兼容版本，按正确路径配置即可：
  • 在项目根目录的.browserslistrc文件中配置目标浏览器范围，你使用的react-app-rewire改造的CRA框架会自动读取该配置，联动调整babel转译、代码压缩插件的语法兼容逻辑，无需手动改动webpack核心配置。
  • 若使用webpack5版本，需要指定压缩代码的语法版本时，可直接在terser压缩插件的配置项中设置ecma: 2020参数，不要错误修改target属性。

你之前查阅的关于module属性下loaders不被识别的问题，是webpack版本迭代中将原loaders属性重命名为rules导致的历史兼容问题，和当前target值非法的报错没有任何关联，属于一开始就找错了排查方向。

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