[React Native] 앱 개발 - 디버깅 환경 설정

1. 크롬 React Developer Tools 확장 프로그램(디버깅 툴) 설치

 

1) 아래의 Url로 이동하여 

https://chrome.google.com/webstore/detail/react-developer-tools/fmkadmapgofadopljbjfkapdkoienihi

React Developer Tools

 

 

2) React Developer Tools를 설치

 

3) 확장프로그램 chrome://extensions/ 으로 이동

 

 

4) 세부정보 클릭

 

 

5) 파일 URL에 대한 액세스 허용

---

 

2. 리액트 네이티브 디버깅(React Native Debugging) 설치

npm install --save @react-native-community/cli-debugger-ui
또는
npm install -g react-devtools

 

 

참고로 아래와 같이 에러가 발생한 경우는 아마도 

npm install -g react-devtools 명령으로 설치한 경우 일 것이다

npm install --save @react-native-community/cli-debugger-ui 로 설치하면 해결 될 것이다.

Error: Unable to resolve module ./debugger-ui/debuggerWorker.aca173c4 from ......