webpackのチュートリアルを通過して躓いたところ

output.log

[2762 develop src]@$ npm start

> toyboxs@1.0.0 start /home/develop/src/toyboxs
> webpack-dev-server --open

internal/modules/cjs/loader.js:883
  throw err;
  ^

Error: Cannot find module 'webpack-cli/bin/config-yargs'
Require stack:
- /home/develop/src/toyboxs/node_modules/webpack-dev-server/bin/webpack-dev-server.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:880:15)
    at Function.Module._load (internal/modules/cjs/loader.js:725:27)
    at Module.require (internal/modules/cjs/loader.js:952:19)
    at require (internal/modules/cjs/helpers.js:88:18)
    at Object.<anonymous> (/home/develop/src/toyboxs/node_modules/webpack-dev-server/bin/webpack-dev-server.js:65:1)
    at Module._compile (internal/modules/cjs/loader.js:1063:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1092:10)
    at Module.load (internal/modules/cjs/loader.js:928:32)
    at Function.Module._load (internal/modules/cjs/loader.js:769:14)
    at Function.executeUserEntryPoint [as runMain] (internal/modules/run_main.js:72:12) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    '/home/develop/src/toyboxs/node_modules/webpack-dev-server/bin/webpack-dev-server.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! toyboxs@1.0.0 start: `webpack-dev-server --open`
npm ERR! Exit status 1
npm ERR! 
npm ERR! Failed at the toyboxs@1.0.0 start script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     /home/develop/.npm/_logs/2020-12-06T09_40_12_050Z-debug.log

package.json

{
  "scripts": {
    "watch:dev": "webpack --watch",
    "start": "webpack serve --mode development",
    "server": "node server.js",
    "build": "webpack"
  },
  "devDependencies": {
    "clean-webpack-plugin": "^3.0.0",
    "express": "^4.17.1",
    "html-webpack-plugin": "^5.0.0-alpha.3",
    "webpack": "^5.10.0",
    "webpack-cli": "^4.2.0",
    "webpack-dev-middleware": "^4.0.2",
    "webpack-dev-server": "^3.11.0"
  },
  "dependencies": {
    "lodash": "^4.17.20"
  }
}

Webpackのガイド-開発- の実施中に発生した。

Error: Cannot find module 'webpack-cli/bin/config-yargs' が発生して開発サーバーが起動しない。

調査の結果、webpack-cliと開発サーバーのバージョンに差異が生じているのが原因のようだ。
詳しいソースコードの箇所までは追っていない。

調査結果、該当したissue
jantimon/html-webpack-plugin#1501

他のモジュールへの適用も検討になっていたようなので追記
webpack/webpack-dev-server#1463

2020/12/6 の対応した内容
にバージョンを上げた。

実際のチュートリアルの対応コミット
https://github.com/onesword0618/toybox_webpack/pull/3/commits/4b24167b586b3194284aba8b1de437c0199b5925