Webpack 构建错误。配置对象无效。无效的目标参数答案

【问题标题】：Webpack build error. Invalid configuration object. Invalid target paramWebpack 构建错误。配置对象无效。无效的目标参数
【发布时间】：2021-07-22 06:07:20
【问题描述】：

在 config-overrides.js 中有这段代码

const rewireReactHotLoader = require('react-app-rewire-hot-loader')

module.exports = function override(config, env) {
  config = rewireReactHotLoader(config, env)
  config.target = 'es2020'
  config.resolve.alias = {
    ...config.resolve.alias,
    'react-dom': '@hot-loader/react-dom',
    hpscm: 'src/apps/hpscm',
    lut: 'src/apps/lut/src/apps/lut',
    shared: 'src/apps/lut/src/apps/shared',
    search: 'src/apps/search/src/apps/search',
    kbase: 'src/apps/kbase/src/apps/kbase',
    docflow: 'src/apps/docflow/src/apps/docflow',
  }

  return config
}

收到此错误：

Failed to compile.

Invalid configuration object. Webpack has been initialised using a configuration object that does not match the API schema.
 - configuration.target should be one of these:
   "web" | "webworker" | "node" | "async-node" | "node-webkit" | "electron-main" | "electron-renderer" | "electron-preload" | function
   -> Environment to build for
   Details:
    * configuration.target should be one of these:
      "web" | "webworker" | "node" | "async-node" | "node-webkit" | "electron-main" | "electron-renderer" | "electron-preload"
    * configuration.target should be an instance of function

也检查过这个问题 configuration.module has an unknown property 'loaders'

我的配置中没有“加载程序”，只有“规则”。找不到任何解决方案。有人也遇到过这个问题吗？

【问题讨论】：

目标应该是“网络”或这些其他选项之一。 es2020 不是目标，而是 babel 预设
但是我在这里找到了它webpack.js.org/configuration/target
你使用的 webpack 版本和文档一样吗？
不，我使用的是 4.41.2。好像我需要更新一堆包。谢谢

标签： reactjs webpack react-app-rewired

【解决方案1】：

需要更新webpack版本设置target为es2020 https://webpack.js.org/configuration/target/

【讨论】：