새로운 React Native 프로젝트를 시작했는데 다음과 같은 경고가 계속 표시됩니다.
원격 디버거가 백그라운드 탭에있어 앱이 느리게 수행 될 수 있습니다. 탭을 포 그라운드로 설정하거나 별도의 창에서 열어이 문제를 해결하세요.
좀 짜증이 나서 어떻게 제거 할 수 있는지 알고 싶나요? Chrome에서 디버거를 실행 중이며 별도의 창으로 이동했지만 도움이되지 않았습니다.
답변
당신이있는 경우 유지 보수 우선 순위 디버거 창에서 체크 박스를, 아래의 솔루션 중 하나에 점프하기 전에 수 있도록하려고합니다.
전체 프로젝트에서 경고를 제거하려면 가장 바깥 쪽 Javascript 파일에 다음을 추가 하십시오 (대부분 index.jsReact Native의 경우).
반응 네이티브 v0.63+:
사용 LogBox:
https://reactnative.dev/docs/debugging#logbox
LogBox.ignoreLogs(['Remote debugger']);
반응 네이티브 v0.57 - v0.62:
import { YellowBox } from 'react-native';
YellowBox.ignoreWarnings(['Remote debugger']);
공식 React Native 문서에서 이것을 참조하십시오.
https://facebook.github.io/react-native/docs/debugging.html
반응 네이티브 v0.56 이하 :
코드 초기에 다음을 추가하십시오.
console.ignoredYellowBox = ['Remote debugger'];
쉽고 간단하며 해당 오류에만 해당됩니다. 나를 위해 작동합니다. 원하는 텍스트를 대체 할 수 있습니다.
답변
이 솔루션은 나를 위해 일합니다
별도의 창 에서 http : // localhost : 8081 / debugger-ui (원격 디버깅을위한 기본 경로) 열기 / 이동
아마 도움이 될 수 있습니다 🙂
답변
https://github.com/jhen0409/react-native-debugger 에서 제공되는 React Native Debugger를 사용할 수 있습니다 . 개발 중 React Native 앱을 디버깅하기위한 독립형 앱입니다.
답변
http://localhost:*****/debugger-ui별도의 창으로 이동 합니다.- 다시 시작하십시오
Remote JS Debugging.
답변
React Native Remote Debugger UI 탭으로 브라우저에서 열리는 탭 수가 많기 때문입니다 . 나도 같은 문제에 직면했습니다.
이 경고 메시지를 극복하려면 다음 중 한 가지 방법을 사용할 수 있습니다.
-
시크릿 탭을 열고 주소 표시 줄에 http : // localhost : 8081 / debugger-ui 를 붙여넣고 Enter 키를 누릅니다 . 마지막으로 앱을 다시로드합니다 (Command + R) .
-
브라우저의 모든 탭을 닫습니다. 탭을 1 개만 열어두고 http : // locahost : 8081 / debugger-ui를 누른 다음 앱을 다시로드합니다 (Command + R) .
답변
댓글 중 하나에서 @jakeforaker가 언급했듯이. 브라우저의 기존 창에있는 탭 대신 별도의 창에서 원격 디버거를 열면 경고가 사라졌습니다 (시뮬레이터를 다시로드해야 함).
경고는 원격 디버거를 다른 탭과 같은 창에 유지한다는 것입니다.
앱이 느리게 실행될 수 있습니다.
그래서 @kjonsson이 언급했듯이 단순히 경고를 억제한다고 생각합니다 .- console.ignoredYellowBox = ['Remote debugger'];최선의 해결책이 아닌 것 같습니다.
답변
이 문제는 열려있는 모든 Chrome 창을 닫고 디버깅 제거를 다시 시작하면 해결되었습니다. 이전에 Chrome 창을 열었으므로 열어두면 성능이 저하되는 것 같습니다.
