webpack5运行报错 `configuration.optimization has an unknown property 'namedModules'`

通过 webpack 框架运行 electron 程序是报如下错误：

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 (D:\Code\Web\StudyOrTest\electronStudy\node_modules\schema-utils\dist\validate.js:104:11)
    at validateSchema (D:\Code\Web\StudyOrTest\electronStudy\node_modules\webpack\lib\validateSchema.js:73:2)
    at create (D:\Code\Web\StudyOrTest\electronStudy\node_modules\webpack\lib\webpack.js:102:3)
    at webpack (D:\Code\Web\StudyOrTest\electronStudy\node_modules\webpack\lib\webpack.js:139:31)
    at f (D:\Code\Web\StudyOrTest\electronStudy\node_modules\webpack\lib\index.js:35:15)
    at D:\Code\Web\StudyOrTest\electronStudy\node_modules\electron-webpack\src\dev\dev-runner.ts:90:34
    at new Promise (<anonymous>)
    at DevRunner.startMainCompilation (D:\Code\Web\StudyOrTest\electronStudy\node_modules\electron-webpack\src\dev\dev-runner.ts:89:11)     
    at async Promise.all (index 2)
    at DevRunner.start (D:\Code\Web\StudyOrTest\electronStudy\node_modules\electron-webpack\src\dev\dev-runner.ts:47:5)
    at main (D:\Code\Web\StudyOrTest\electronStudy\node_modules\electron-webpack\src\dev\dev-runner.ts:147:3)

...中间省略了一些无关信息

┏ 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)?

┗ ----------------------------

• 错误原因

看错误提示 Did you mean optimization.moduleIds: "named" (BREAKING CHANGE since webpack 5)? 好像是因为 webpack5 引起的，由于自己也时初学，具体原因尚不清楚。

• 解决方案

自己看了一下自己安装的 webpack 版本是 5.4.0 ，所以尝试了一下重新安装 4.5.0 版本，发现能够正常运行。安装命令如下：

yarn add webpack@4.5.0 --dev