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

问题描述

在 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'

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

解决方法

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