How to Fix the Error: Cannot Find Module 'Webpack' in Node.js

In today’s post, we’ll learn how to solve the Error: cannot find module 'webpack' in Node.js.

Fix the Error: cannot find module 'webpack' in Node.js

Before diving into the solution, we will first try understanding the Webpack and why it is needed.

Webpack is a bundler for modules. The main purpose of Webpack is to bundle JavaScript files for use in a browser, but it is also capable of packaging, transforming, or bundling almost any resource or asset.

Webpack is supported by all ES5 compatible browsers (IE8 and earlier are not supported). Webpack also requires promise for the import() and require.ensure() functions.

To support older browsers, you must load a Polyfill before using these expressions.

Webpack enables many optimizations to reduce the output size of your JavaScript by deduplicating commonly used modules, modification, and full control over what is loaded initially and what is loaded at runtime via code sharing. You can also make your code snippets cache-friendly by using hashes.

Error: cannot find module 'webpack' occurs when Webpack is not installed globally. It’s a problem with the script or the npm application.

Follow any of the below solutions to fix the problem:

1. Install the Webpack in the local application folder. Make sure you have the latest version of the Webpack installed by running:

   $npm install webpack
   

2. Bind Webpack to your project. If the above solution doesn’t work, try binding a globally installed Webpack to your project.

   In your application, open the terminal and run the following command:

   $npm link webpack
   

3. Delete these files/folders from your local application.

   a. package-lock.json (Not the package.json)
   b. /node_modules folder

Once the above files/folders have been deleted, install the packages again by running:

$npm install

This will install all the packages with the latest version.