Respect dev 도구 - "경고 시 중단" 비활성화

Respect dev 도구 - "경고 시 중단" 비활성화

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 콘솔에서 Chrome Devtools →로 이동하여 구성 요소 → 설정 → 브레이크 온 경고 설정을 클릭합니다.Profiler → Settings → Unset Break on 경고에서도 동일한 작업을 수행합니다.

@cadoman은 체크 표시를 한 후 선택을 취소하여 확실하게 작동합니다.

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

풀 요청 DevTools: 기본 #19309에서 Break-on-Warn을 해제합니다. 버그인 것 같습니다.

[ Break On Warnings ]박스가 꺼졌는데도 깨질 거예요업데이트를 강제하기 위해 확장을 제거하고 다시 추가하면 수정되었습니다.

Chrome에게 일정 외 연장을 강제적으로 갱신할 수 있는 다른 방법은 모르겠습니다.

디버깅 탭의 ReactDev 도구로 이동하여 "경고 시 중단"을 비활성화합니다.

이 새로운 행동은 오늘 새로운 홍보에서 시작됐다고 생각합니다.https://github.com/facebook/react/pull/19048

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

1. Chrome Developer Tools -> source 탭으로 이동합니다.
2. 왼쪽 페인으로 [react_developer_tools.js]를 선택합니다.
3. 파일을 마우스 오른쪽 버튼으로 클릭하고 "Blackbox 스크립트"를 선택합니다.

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

이 문제는 최근 출시로 인해 발생합니다.React 팀이 제안하는 회피책은 다음과 같습니다.

• Chrome 개발자 도구로 이동
• [ Components ]탭을 클릭합니다(개발자 도구 확장 응답).
• 설정 아이콘(컴포넌트 검색 상자 옆에 있음)을 클릭합니다.
• 모달이 열리면 [Debugging]탭을 선택합니다.
• 마지막으로 Break on Warnings 체크박스를 더블 클릭합니다(체크박스와 오프).

마지막으로 경고 시 중단 확인란이 선택 해제되었는지 확인합니다.

레퍼런스:이슈링크

언급URL : https://stackoverflow.com/questions/62835806/react-dev-tools-deactivate-break-on-warnings