npm start を実行すると Cannot find module 'webpack-cli/bin/config-yargs'というエラーが出る

「作りながら学ぶ React入門」という本参考にしながら、react.jsの環境構築をしています。

現在npm startを実行すると下記のようなエラーが出ます。

いろんなサイトを調べましたが、条件に合うものが見つからず
条件とは下記の内容でインストールした環境のことを指します。

npm install react react-dom
npm install webpack webpack-dev-server --save-dev
npm install babel-cli babel-loader babel-preset-env babel-preset-react --save-dev
npm install eslint eslint-loader eslint-plugin-react --save-dev
npm install css-loader style-loader babel-loader --save-dev

何かご存じでしたらご教示いただけますと幸いです。

C:\nodejs\react_book-master\projects\hello_react>npm start

> hello_react@1.0.0 start
> webpack serve

CLI for webpack must be installed.
  webpack-cli (https://github.com/webpack/webpack-cli)

We will use "npm" to install the CLI via "npm install -D webpack-cli".
Do you want to install 'webpack-cli' (yes/no): yes
Installing 'webpack-cli' (running 'npm install -D webpack-cli')...

added 785 packages, and audited 786 packages in 1m

3 packages are looking for funding
  run `npm fund` for details

found 0 vulnerabilities
Error: Cannot find module 'webpack-cli/package.json'
Require stack:
- C:\Users\ユーザ\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:924:15)
    at Function.resolve (node:internal/modules/cjs/helpers:98:19)
    at runCli (C:\Users\ユーザ\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js:50:26)
    at C:\Users\ユーザ\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js:139:5
    at processTicksAndRejections (node:internal/process/task_queues:94:5) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\Users\ユーザ\AppData\Roaming\npm\node_modules\webpack\bin\webpack.js'
  ]
}