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コンソールで、コンポーネント→設定をクリック→警告時に中断の設定を解除します。プロファイラー→設定→警告時に中断の設定を解除して同じことを行います。

@cadomanはチェックをポイントし、チェックを外して確実に機能させます。

PS：https：//github.com/facebook/react/issues/19308#issuecomment-656669792からの画像

プルリクエストに基づくDevTools：デフォルトでbreak-on-warnをオフにする＃19309バグのようです。

[警告の中断]ボックスはオフになっていますが、それでも壊れます。拡張機能を削除して再読み込みし、更新を強制すると、修正されました。

Chromeに通常のスケジュール外に拡張機能を更新させる別の方法がわかりません。

[デバッグ]タブのReactDevツールに移動し、[警告の中断]を無効にします。

この新しい動作は、今日、この新しいPRから始まったと思います：https：//github.com/facebook/react/pull/19048

Chromeには、この場合に役立つ「BlackBoxスクリプト」機能があります。

1. Chromeデベロッパーツール-> [ソース]タブに移動します
2. 左側のペインから「react_developer_tools.js」を選択します
3. ファイルを右クリックして「ブラックボックススクリプト」を選択します

これは既知の問題です。回避策はGitHubに投稿されています：バグ：DevToolsの予期しないデバッガーステートメント（解決済み）＃19308

この問題は最近のリリースが原因です。Reactチームによって提案された回避策は次のとおりです。

• Chromeデベロッパーツールに移動します
• [コンポーネント]タブ（React Developer Tools Extension）をクリックします
• （コンポーネント検索ボックスの横にある）設定アイコンをクリックします
• モーダルが開いたら、[デバッグ]タブを選択します
• 最後に、[警告で中断]チェックボックスをダブルクリックします（オンとオフ）

最後に、[警告で中断]チェックボックスがオフになっていることを確認してください。

参照：問題のリンク