React 개발 도구- "경고시 중단"비활성화

create-react-app으로 개발하는 동안 내 브라우저는 경고시 디버거 모드로 들어갑니다.

react-dev-tools의 소스 코드를 중단합니다.

   // --- Welcome to debugging with React DevTools ---
   // This debugger statement means that you've enabled the "break on warnings" feature.
   // Use the browser's Call Stack panel to step out of this override function-
   // to where the original warning or error was logged.

이 동작을 어떻게 비활성화 할 수 있습니까?

Chrome Devtools로 이동하고 → Chrome 콘솔에서 구성 요소 로 이동하고 → 설정을 클릭하고 → Break on Warning 을 설정 해제 합니다 . Profiler → Settings → Break on warning 설정 에서 동일하게 수행 합니다 .

@cadoman은 확인을 가리킨 다음 확인을 취소하여 확실하게 작동합니다.

추신 : https://github.com/facebook/react/issues/19308#issuecomment-656669792의 이미지

pull request DevTools : Make break-on-warn off by default # 19309 버그 인 것 같습니다.

Break On Warnings (경고시 중단) 상자는 선택 취소되었으며 여전히 중단됩니다. 업데이트를 강제하기 위해 확장 프로그램을 제거하고 읽으면 문제가 해결되었습니다.

Chrome이 정규 일정 외에 확장 프로그램을 업데이트하도록 강제하는 다른 방법을 모르겠습니다.

디버깅 탭에서 ReactDev 도구로 이동하여 "Break on Warning"을 비활성화합니다.

이 새로운 행동은 오늘이 새로운 PR로 시작되었다고 생각합니다 : https://github.com/facebook/react/pull/19048

Chrome에는이 경우에 유용한 "BlackBox 스크립트"기능이 있습니다.

1. Chrome 개발자 도구-> 소스 탭으로 이동합니다.
2. 왼쪽 창에서 "react_developer_tools.js"를 선택합니다.
3. 파일을 마우스 오른쪽 버튼으로 클릭하고 "Blackbox 스크립트"를 선택합니다.

알려진 문제입니다. 해결 방법이 GitHub에 게시되었습니다. 버그 : DevTools의 예기치 않은 디버거 문 (해결됨) # 19308

이 문제는 최근 릴리스로 인한 것입니다. React 팀에서 제안한 해결 방법은 다음과 같습니다.

• Chrome 개발자 도구로 이동
• 온 클릭 구성 요소 탭 (개발자 도구 확장 반응)
• 설정 아이콘 (구성 요소 검색 상자 옆에 있음)을 클릭합니다.
• 모달이 열리면 디버깅 탭을 선택 하십시오.
• 마지막으로 Break on Warnings 확인란을 두 번 클릭합니다 (선택 및 선택 취소).

마지막으로 Break on Warnings 확인란이 선택 해제 되어 있는지 확인하십시오 .

참조 : 문제 링크