How can I open react-devtools?

Question

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:

To verify it installed correctly I do this command:

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:

Back in my project directory I run this command:

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?

which browser you are using ? You can install it as an extension — Aaqib, Mar 13 '18 at 16:05
I just need to have this installed and running to fix a bug in the RN development environment. — Lizza, Mar 13 '18 at 16:21
Download this, its super easy to setup - https://github.com/jhen0409/react-native-debugger — Noitidart, Mar 14 '18 at 08:02

score 13 · Answer 1 · answered Oct 30 '18 at 06:08

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

score 4 · Answer 2 · answered Mar 31 '20 at 12:19

4

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

Install using yarn add --dev react-devtools
Run yarn run react-devtools

answered Mar 31 '20 at 12:19

Damith Asanka

934
10
12

score 2 · Answer 3 · edited Jul 18 '20 at 15:29

2

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

edited Jul 18 '20 at 15:29

Moj

2,872
1
13
9

answered Feb 12 '20 at 17:48

bpeter340

103
1
8

score 0 · Answer 4 · answered Oct 30 '18 at 06:53

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.

score 0 · Answer 5 · edited Jun 23 '23 at 04:31

0

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

 npm uninstall react-devtools
 npx react-devtools

edited Jun 23 '23 at 04:31

Kotana Sai

1,207
3
9
20

answered Jun 20 '23 at 07:46

VLSLV

1
1

How can I open react-devtools?

5 Answers5