JIYIK CN >

To resolve " Uncaught ReferenceError: process is not defined " in React , you need to open a terminal in the root directory of your project and npm install react-scripts@latestupdate the version of the react-scripts package by running and reinstall dependencies if necessary.

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

# 👇️ 使用 NPM
$ npm install react-scripts@latest


# --------------------------------------------

# 👇️ 使用 YARN
$ yarn add react-scripts@latest

The error is react-error-overlaycaused by the package which has a dependency that has been updated to support webpack v5 and is incompatible with react-scripts v4.

If the error is not resolved, try installing version 6.0.9 of react-error-overlaythe package.

Use the following command to install it.

# 👇️ 使用 NPM
$ npm install --save-dev react-error-overlay@6.0.9

# --------------------------------------------

# 👇️ 使用 YARN
$ yarn add react-error-overlay@6.0.9 --dev

We have added react-error-overlayversion 6.0.9 of the package as a development dependency.

Now open our package.json file and add the following solution object.

{
  "resolutions": {
    "//": "See https://github.com/facebook/create-react-app/issues/11773",
    "react-error-overlay": "6.0.9"
  }
}

If the error is not resolved, try deleting our node_modules and package-lock.json (or yarn.lock) files, re-running npm installand restarting the IDE.

# 👇️ delete node_modules and package-lock.json
$ rm -rf node_modules
$ rm -f package-lock.json
$ rm -f yarn.lock

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

$ npm install

Yarn will automatically react-error-overlayresolve the package to version 6.0.9.

However, if we are using npm and the error persists, add the following pre-install script to our package.json file.

package.json

{
  "scripts":{
      "preinstall": "npx npm-force-resolutions",
  }
}

npm-force-resolutionsThe package modifies your package-lock.json file to force installation of specific versions of transitive dependencies.

For our purposes, we want to ensure that version 6.0.9react-error-overlay of the package is always installed .

Summarize

To resolve " Uncaught ReferenceError: process is not defined " in React , open a terminal in the root directory of your project and npm install react-scripts@latestupdate the version of the react-scripts package by running, and reinstall dependencies if necessary.