Lizza
Lizza

Reputation: 2819

How can I open react-devtools?

I am trying to install and run react-devtools. I am following this guide to do that: https://github.com/facebook/react-devtools/blob/master/packages/react-devtools/README.md

The install seems to go ok:

enter image description here

To verify it installed correctly I do this command:

enter image description here

And I go to that directory and verify there is a folder called react-devtools.

To open the tools the docs indicate I should do this:

enter image description here

Back in my project directory I run this command:

enter image description here

And it says command not found. So it looks like I have installed the devtools, but I am unable to open them. What am I doing wrong?

Upvotes: 6

Views: 14145

Answers (5)

VLSLV
VLSLV

Reputation: 11

I've run into same problem. So here how it actually worked for me.

 npm uninstall react-devtools
 npx react-devtools

Upvotes: 1

bpeter340
bpeter340

Reputation: 133

To run react-devtools you can run either of the following commands depending on your package manager.

If using yarn: yarn run react-devtools

If using npm: npm run react-devtools

Upvotes: 2

Damith Asanka
Damith Asanka

Reputation: 964

if you want to run project level only do the following steps

  1. Install using yarn add --dev react-devtools
  2. Run yarn run react-devtools

Upvotes: 4

Matheswaaran
Matheswaaran

Reputation: 142

The real problem here is you are not giving "super user" permissions for the node package manager for installing the "react-devtools" globally.

Try this command it will fix your problem

sudo npm install -g react-devtools

When ignore the -g parameter in the command npm will install the react-devtools in directory that you currently working in. In your case the home directory.

Upvotes: 0

Jundat95
Jundat95

Reputation: 305

Maybe this is what you want

Fix not run react-devtools

Option 1:

npm uninstall -g react-devtools
npm uninstall -g electron
npm install -g --verbose react-devtools

Option 2: (Fix in Linux, MacOSX)

sudo npm install -g react-devtools --unsafe-perm=true

Refer: react-devtools-command-not-found

Upvotes: 14

Related Questions