electron-webpack dev not working with Webpack 5

[ogomez92]

not applicable

• Version:

Not applicable

• Target:

I get the following error when trying to start webserver for with [email protected].
I can't use webpack 4 as I rely on latest Babel code.

(base) uri@Mac-mini-de-oriol beat % yarn electron-webpack dev
yarn run v1.22.10
$ /Users/uri/Desktop/beat/node_modules/.bin/electron-webpack dev
ValidationError: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.

• configuration.optimization has an unknown property 'namedModules'. These properties are valid:
  object { checkWasmTypes?, chunkIds?, concatenateModules?, emitOnErrors?, flagIncludedChunks?, innerGraph?, mangleExports?, mangleWasmImports?, mergeDuplicateChunks?, minimize?, minimizer?, moduleIds?, noEmitOnErrors?, nodeEnv?, portableRecords?, providedExports?, realContentHash?, removeAvailableModules?, removeEmptyChunks?, runtimeChunk?, sideEffects?, splitChunks?, usedExports? }
  -> Enables/Disables integrated optimizations.
  Did you mean optimization.moduleIds: "named" (BREAKING CHANGE since webpack 5)?
  at validate (/Users/uri/Desktop/beat/node_modules/schema-utils/dist/validate.js:104:11)
  at validateSchema (/Users/uri/Desktop/beat/node_modules/webpack/lib/validateSchema.js:79:2)
  at create (/Users/uri/Desktop/beat/node_modules/webpack/lib/webpack.js:100:3)
  at webpack (/Users/uri/Desktop/beat/node_modules/webpack/lib/webpack.js:137:31)
  at f (/Users/uri/Desktop/beat/node_modules/webpack/lib/index.js:37:15)
  at /Users/uri/Desktop/beat/node_modules/electron-webpack/src/dev/dev-runner.ts:90:34
  at new Promise ()
  at DevRunner.startMainCompilation (/Users/uri/Desktop/beat/node_modules/electron-webpack/src/dev/dev-runner.ts:89:11)
  at async Promise.all (index 2)
  at DevRunner.start (/Users/uri/Desktop/beat/node_modules/electron-webpack/src/dev/dev-runner.ts:47:5)
  at main (/Users/uri/Desktop/beat/node_modules/electron-webpack/src/dev/dev-runner.ts:147:3) {
  errors: [
  {
  keyword: 'additionalProperties',
  dataPath: '.optimization',
  schemaPath: '#/additionalProperties',
  params: [Object],
  message: 'should NOT have additional properties',
  schema: false,
  parentSchema: [Object],
  data: [Object]
  }
  ],
  schema: {
  definitions: {
  Amd: [Object],
  AssetGeneratorDataUrl: [Object],
  AssetGeneratorDataUrlFunction: [Object],
  AssetGeneratorDataUrlOptions: [Object],
  AssetGeneratorOptions: [Object],
  AssetInlineGeneratorOptions: [Object],
  AssetModuleFilename: [Object],
  AssetParserDataUrlFunction: [Object],
  AssetParserDataUrlOptions: [Object],
  AssetParserOptions: [Object],
  AssetResourceGeneratorOptions: [Object],
  AuxiliaryComment: [Object],
  Bail: [Object],
  CacheOptions: [Object],
  CacheOptionsNormalized: [Object],
  Charset: [Object],
  ChunkFilename: [Object],
  ChunkFormat: [Object],
  ChunkLoadTimeout: [Object],
  ChunkLoading: [Object],
  ChunkLoadingGlobal: [Object],
  ChunkLoadingType: [Object],
  CompareBeforeEmit: [Object],
  Context: [Object],
  CrossOriginLoading: [Object],
  Dependencies: [Object],
  DevServer: [Object],
  DevTool: [Object],
  DevtoolFallbackModuleFilenameTemplate: [Object],
  DevtoolModuleFilenameTemplate: [Object],
  DevtoolNamespace: [Object],
  EmptyGeneratorOptions: [Object],
  EmptyParserOptions: [Object],
  EnabledChunkLoadingTypes: [Object],
  EnabledLibraryTypes: [Object],
  EnabledWasmLoadingTypes: [Object],
  Entry: [Object],
  EntryDescription: [Object],
  EntryDescriptionNormalized: [Object],
  EntryDynamic: [Object],
  EntryDynamicNormalized: [Object],
  EntryFilename: [Object],
  EntryItem: [Object],
  EntryNormalized: [Object],
  EntryObject: [Object],
  EntryRuntime: [Object],
  EntryStatic: [Object],
  EntryStaticNormalized: [Object],
  EntryUnnamed: [Object],
  Environment: [Object],
  Experiments: [Object],
  ExternalItem: [Object],
  ExternalItemFunctionData: [Object],
  ExternalItemValue: [Object],
  Externals: [Object],
  ExternalsPresets: [Object],
  ExternalsType: [Object],
  FileCacheOptions: [Object],
  Filename: [Object],
  FilenameTemplate: [Object],
  FilterItemTypes: [Object],
  FilterTypes: [Object],
  GeneratorOptionsByModuleType: [Object],
  GlobalObject: [Object],
  HashDigest: [Object],
  HashDigestLength: [Object],
  HashFunction: [Object],
  HashSalt: [Object],
  HotUpdateChunkFilename: [Object],
  HotUpdateGlobal: [Object],
  HotUpdateMainFilename: [Object],
  IgnoreWarnings: [Object],
  IgnoreWarningsNormalized: [Object],
  Iife: [Object],
  ImportFunctionName: [Object],
  ImportMetaName: [Object],
  InfrastructureLogging: [Object],
  JavascriptParserOptions: [Object],
  Layer: [Object],
  Library: [Object],
  LibraryCustomUmdCommentObject: [Object],
  LibraryCustomUmdObject: [Object],
  LibraryExport: [Object],
  LibraryName: [Object],
  LibraryOptions: [Object],
  LibraryType: [Object],
  Loader: [Object],
  MemoryCacheOptions: [Object],
  Mode: [Object],
  ModuleOptions: [Object],
  ModuleOptionsNormalized: [Object],
  Name: [Object],
  NoParse: [Object],
  Node: [Object],
  NodeOptions: [Object],
  Optimization: [Object],
  OptimizationRuntimeChunk: [Object],
  OptimizationRuntimeChunkNormalized: [Object],
  OptimizationSplitChunksCacheGroup: [Object],
  OptimizationSplitChunksGetCacheGroups: [Object],
  OptimizationSplitChunksOptions: [Object],
  OptimizationSplitChunksSizes: [Object],
  Output: [Object],
  OutputModule: [Object],
  OutputNormalized: [Object],
  Parallelism: [Object],
  ParserOptionsByModuleType: [Object],
  Path: [Object],
  Pathinfo: [Object],
  Performance: [Object],
  PerformanceOptions: [Object],
  Plugins: [Object],
  Profile: [Object],
  PublicPath: [Object],
  RecordsInputPath: [Object],
  RecordsOutputPath: [Object],
  RecordsPath: [Object],
  Resolve: [Object],
  ResolveAlias: [Object],
  ResolveLoader: [Object],
  ResolveOptions: [Object],
  ResolvePluginInstance: [Object],
  RuleSetCondition: [Object],
  RuleSetConditionAbsolute: [Object],
  RuleSetConditionOrConditions: [Object],
  RuleSetConditionOrConditionsAbsolute: [Object],
  RuleSetConditions: [Object],
  RuleSetConditionsAbsolute: [Object],
  RuleSetLoader: [Object],
  RuleSetLoaderOptions: [Object],
  RuleSetRule: [Object],
  RuleSetRules: [Object],
  RuleSetUse: [Object],
  RuleSetUseItem: [Object],
  ScriptType: [Object],
  SnapshotOptions: [Object],
  SourceMapFilename: [Object],
  SourcePrefix: [Object],
  StatsOptions: [Object],
  StatsValue: [Object],
  StrictModuleExceptionHandling: [Object],
  Target: [Object],
  UmdNamedDefine: [Object],
  UniqueName: [Object],
  WasmLoading: [Object],
  WasmLoadingType: [Object],
  Watch: [Object],
  WatchOptions: [Object],
  WebassemblyModuleFilename: [Object],
  WebpackOptionsNormalized: [Object],
  WebpackPluginFunction: [Object],
  WebpackPluginInstance: [Object]
  },
  description: 'Options object as provided by the user.',
  type: 'object',
  additionalProperties: false,
  properties: {
  amd: [Object],
  bail: [Object],
  cache: [Object],
  context: [Object],
  dependencies: [Object],
  devServer: [Object],
  devtool: [Object],
  entry: [Object],
  experiments: [Object],
  externals: [Object],
  externalsPresets: [Object],
  externalsType: [Object],
  ignoreWarnings: [Object],
  infrastructureLogging: [Object],
  loader: [Object],
  mode: [Object],
  module: [Object],
  name: [Object],
  node: [Object],
  optimization: [Object],
  output: [Object],
  parallelism: [Object],
  performance: [Object],
  plugins: [Object],
  profile: [Object],
  recordsInputPath: [Object],
  recordsOutputPath: [Object],
  recordsPath: [Object],
  resolve: [Object],
  resolveLoader: [Object],
  snapshot: [Object],
  stats: [Object],
  target: [Object],
  watch: [Object],
  watchOptions: [Object]
  }
  },
  headerName: 'Webpack',
  baseDataPath: 'configuration',
  postFormatter: [Function: postFormatter]
  }
  ┏ Renderer -------------------

✖ ｢wds｣: Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.

• configuration.optimization has an unknown property 'namedModules'. These properties are valid:
  object { checkWasmTypes?, chunkIds?, concatenateModules?, emitOnErrors?, flagIncludedChunks?, innerGraph?, mangleExports?, mangleWasmImports?, mergeDuplicateChunks?, minimize?, minimizer?, moduleIds?, noEmitOnErrors?, nodeEnv?, portableRecords?, providedExports?, realContentHash?, removeAvailableModules?, removeEmptyChunks?, runtimeChunk?, sideEffects?, splitChunks?, usedExports? }
  -> Enables/Disables integrated optimizations.
  Did you mean optimization.moduleIds: "named" (BREAKING CHANGE since webpack 5)?

┗ ----------------------------
Renderer WDS exited with code 1

[spikhoff]

Dup #408