Solve - Cannot find module 'html-webpack-plugin' error

Solve - Cannot find module 'html-webpack-plugin' error #

To solve the error "Cannot find module 'html-webpack-plugin'", make sure to install the html-webpack-plugin package by opening your terminal in your project's root directory and running the following command: npm i -D html-webpack-plugin and restart your IDE and dev server.

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

Copied!
npm install --save-dev html-webpack-plugin

# 👇️ only if you use TypeScript
npm install --save-dev @types/html-webpack-plugin

This will add the html-webpack-plugin 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

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

npm install

If you're still getting the "Cannot find module 'html-webpack-plugin'" error, open your package.json file and make sure it contains the html-webpack-plugin package in the devDependencies object.

Copied!
{
  // ... rest
  "devDependencies": {
    "html-webpack-plugin": "^5.5.0",

    // 👇️ only if you use TypeScript
    "@types/html-webpack-plugin": "^3.2.6"
  }
}

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

Copied!
npm install

Or install the latest version of the package:

Copied!
npm install --save-dev html-webpack-plugin@latest