[react-native] React Native에서 “Remote debugger is in a background tab”경고 제거

Program / 글쓴이

새로운 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 앱을 디버깅하기위한 독립형 앱입니다.

답변

  1. http://localhost:*****/debugger-ui별도의 창으로 이동 합니다.
  2. 다시 시작하십시오 Remote JS Debugging.

답변

React Native Remote Debugger UI 탭으로 브라우저에서 열리는 탭 수가 많기 때문입니다 . 나도 같은 문제에 직면했습니다.

이 경고 메시지를 극복하려면 다음 중 한 가지 방법을 사용할 수 있습니다.

답변

댓글 중 하나에서 @jakeforaker가 언급했듯이. 브라우저의 기존 창에있는 탭 대신 별도의 창에서 원격 디버거를 열면 경고가 사라졌습니다 (시뮬레이터를 다시로드해야 함).

경고는 원격 디버거를 다른 탭과 같은 창에 유지한다는 것입니다.

앱이 느리게 실행될 수 있습니다.

그래서 @kjonsson이 언급했듯이 단순히 경고를 억제한다고 생각합니다 .- console.ignoredYellowBox = ['Remote debugger'];최선의 해결책이 아닌 것 같습니다.

답변

이 문제는 열려있는 모든 Chrome 창을 닫고 디버깅 제거를 다시 시작하면 해결되었습니다. 이전에 Chrome 창을 열었으므로 열어두면 성능이 저하되는 것 같습니다.