Solved - 'react-scripts' is not recognized as internal or external

The “‘react-scripts’ is not recognized as an internal or external command, operable program or batch file” error occurs due to one of the following reasons:

1. The react-scripts package is missing in your current project directory.

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

3. Installed the package in a global context and trying to use in project local context.

To solve the error “‘react-scripts’ is not recognized as an internal or external command, operable program or batch file”, open the project root folder in your terminal and run the following command to install the react-scripts package.

npm install react-scripts

If you’re using the yarn as your package manager, then you can use the below command to install it:

yarn add react-scripts

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 moment module in the dependencies object.

 "dependencies": {
     //...
    "react-scripts": "^5.0.1",

    //.. other packages goes here
 }

Conclusion

The ‘react-scripts’ is not recognized as internal or external command error occurs, if you’re trying to use a react-scripts module that is not currently installed in your project. To solve the error install the react-scripts package in your project directory by running the npm install react-scripts command and try clearing the npm cache.