Fix - Cannot find module 'react' error

In this tutorial, we are going to learn about how to fix the cannot find module ‘react’ error.

This error occurs due to the following reasons:

1. The ‘react’ module is not installed in the correct project directory.

2. Using the module without installing it in the project.

3. Installed in a global context and trying to access in project local context.

To fix the error, open the project root folder in your terminal and run the following command to install the react module.

npm install react

If you want to install a particular version of ‘react’ use the following command.

npm install request@16.7.0

If you’re still facing the error, then follow the below steps to resolve it.

1. Remove the node_modules folder and package-lock.json file, inside your project directory by using the below command.

rm-rf node_modules package-lock.json

or you can remove it manually by right-clicking on it and select the delete option.

2. Clear the npm cache.

npm clean cache --force

3. Re-install the node_modules again by running the npm install command.

Verify now if you’ve installed it correctly or not by opening the package.json file and check for express module in the dependencies object.

 "dependencies": {
     //...
    "react": "^16.7.0",

    //.. other packages
 }

Conclusion

The can’t find module ‘react’ error occurs, if you’re trying to access a react module that is not currently installed in your project. To solve the error install the react in your project root directory by running the npm install react command.