Problem with installing react dependencies

Question

I am trying to install react using this command: npx create-react-app .

Then I tried to run using this command: npm run start

Then I get this error:

There might be a problem with the project dependency tree.
It is likely not a bug in Create React App, but something you need to fix locally.

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

  "webpack-dev-server": "3.10.3"

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:\Users\oa\Desktop\node_modules\webpack-dev-server (version: 3.11.0)

Manually installing incompatible versions is known to cause hard-to-debug issues.

If you would prefer to ignore this check, add SKIP_PREFLIGHT_CHECK=true to an .env file in your project.
That will permanently disable this message but you might encounter other issues.

As suggested here [https://stackoverflow.com/questions/42308879/npm-err-code-elifecycle][1] , I have tried to fix it using the following commands:

delete package-lock.json
npm cache clean --force
npm install
npm start

But did not fixed for me.

Just to let you know, my npm version is 6.13.6, and node version is v13.8.0

I think there is already a node_module in C:\Users\oa\Desktop\ try creating a folder for the app — Dibakar Halder
– Dibakar Halder, Commented Jun 20, 2020 at 16:11
Thanks for your comment, but I already created a separate folder for the new app — John_123
– John_123, Commented Jun 20, 2020 at 16:13
Switch to C:\Users\oa\Desktop and do the same command. if not work then continue npm remove webpack-dev-server — Son Nguyen
– Son Nguyen, Commented Jun 20, 2020 at 16:23

Omran Al_haddad · Accepted Answer · 2020-06-20 18:34:55Z

2

Try to create a .env file in the root directory of the project and add this line SKIP_PREFLIGHT_CHECK=true inside the file.

then try to run yarn start or npm start.

answered Jun 20, 2020 at 18:34

Omran Al_haddad

1171 silver badge7 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

John_123 Over a year ago

Thanks this work for me :) Can you explain to me what was happening

Mohiuddin · Accepted Answer · 2020-06-20 16:26:19Z

0

Did you give a project name after npx create-react-app 'appName' ?

answered Jun 20, 2020 at 16:26

Mohiuddin

906 bronze badges

Comments

Naazyyy · Accepted Answer · 2021-03-02 06:00:16Z

If you have multiple node_modules folders with different versions of dependencies one may conflict with the other - do the following:

Follow steps 1-4 that are initially provided in project directory and commit updated changes locally~

i. Delete package-lock.json (not package.json!) and/or yarn.lock in your project folder.

ii. Delete node_modules in your project folder.

iii. Remove "webpack" from dependencies and/or devDependencies in the package.json file in your project folder.

iv. Run npm install or yarn, depending on the package manager you use.

Find the location of the node_modules folder that is not in your project folder ~ this line - (C:\Users\oa\Desktop\node_modules\webpack-dev-server)
Go there and delete it
once done try npm start

should work :)!

Collectives™ on Stack Overflow

Problem with installing react dependencies

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related