reactjs - Why React npm start return error for webpack-dev-server 3.11.1?

Question

I have the following error with npm start in my React application:

The react-scripts package provided by Create React App requires a dependency:

  "webpack-dev-server": "3.11.1"

Don't try to install it manually: your package manager does it automatically.
However, a different version of webpack-dev-server was detected higher up in the tree:

  C:UsersUsername
ode_moduleswebpack-dev-server (version: 3.11.0)

Usually I fixed this type of issue by running the following code: npm install react-scripts@latest.

But now it seems like that React is not updated yet to the latest webpack-dev-server

Now the question is how to fix that. By the way, I use npx create-react-app for my project, Thanks!

Answer 1

First, remove the node_modules folder and yarn-lock or package-lock.json file.

And, then add this line in your .env file:

SKIP_PREFLIGHT_CHECK=true

Now you can do npm start or yarn start after re-installing the packages. It should work.

Explanation:

For some reasons, you have two versions of webpack-dev-server installed in your project's node_modules. By setting SKIP_PREFLIGHT_CHECK=true in .env file, we are telling npm to ignore such version issues.