react-devtools 설치

1. react-devtools를 설치

 

$ npm i react-devtools

 

$ npm install -g react-devtools

 

2. react-devtools를  실행

 

$ react-devtools

 

명령어를 실행하면 아래와 프로그램이 실행되고

모바일 expo에서 QR코드를 찍고 reload를 했을때 아래와 같은 내용이 나타난다.

react-devtools 앱이 실행됨

 

하지만 react 버전이 devtools 와 맞지 않는 경우 아래와 같은 메시지가 나타날 수 있다.

참고 : https://www.npmjs.com/package/react-devtools 

 

막상 위에서 가이드 된 대로 실행한다.

$ npm install -d react-devtools@^3

버전3이 설치되지만 $ react-devtools 를 실행했을 때 버전4로 계속 실행된다.

 

★ 그럼 지웠다 버전3으로 설치하면 된다.

$ npm uninstall -g react-devtools

$ npm install -g react-devtools@^3

 

참고 : github.com/facebook/react/issues/17215

 

버전 3로 설치하면 react-devtools 를 실행해도 아무런 명령어가 수행되지 않는다.

command not found 가 뜨지 않는건 존재는 한다는건데 정상적으로 실행이 되지 않는 것이다.

 

★ 아래 명령어를 수행하면 해결된다.

$ sudo apt install libgconf-2-4

 

참고 : github.com/facebook/react-devtools/issues/1083

 

아래와 같이 정상적으로 사용가능하다.