Solve - Cannot find module 'webpack/bin/config-yargs' error

Solve - Cannot find module 'webpack/bin/config-yargs' error #

To solve the error "Cannot find module 'webpack/bin/config-yargs'", make sure you're running a recent version of webpack and replace the webpack-dev-server command with webpack serve in your package.json file.

Open your package.json file and make sure your webpack command starts with webpack serve, and NOT webpack-dev-server.

Copied!
{
  "scripts": {
    "dev": "webpack serve --config webpack.dev.js --progress",
    // ... rest
  },
  // ... rest
}

The webpack team changed the command from webpack-dev-server to webpack serve starting version 4 of webpack.

Open your terminal in your project's root directory (where your package.json file is located) and run the following command:

Copied!
npm install --save-dev webpack webpack-cli webpack-dev-server

This will add the webpack-dev-server package to the development dependencies of your project.

If the error is not resolved, try to delete your node_modules and package-lock.json (not package.json) files, re-run npm install and restart your IDE.

Copied!
# 👇️ delete node_modules and package-lock.json
rm -rf node_modules
rm -f package-lock.json
# 👇️ delete dist or build (the directory where webpack outputs files)
rm -rf dist

# 👇️ clean npm cache
npm cache clean --force

npm install

Make sure to also delete your dist or build folder if you have one. This is where webpack outputs files.

If you're still getting the "Cannot find module 'webpack/bin/config-yargs'" error, open your package.json file and make sure it contains the webpack package in the devDependencies object and is version 5 or more recent.

Copied!
{
  // ... rest
  "devDependencies": {
    "webpack": "^5.70.0",
    "webpack-cli": "^4.9.2",
    "webpack-dev-server": "^4.7.4"
    // ... rest
  }
}

You can try to manually add the packages and re-run npm install.

Copied!
npm install

Alternatively, you could install the latest version of the packages by running:

Copied!
npm install --save-dev webpack@latest webpack-cli@latest webpack-dev-server@latest