1. ホーム
  2. reactjs

[解決済み] React開発ツール - "break on warnings "を無効にする。

2023-05-06 10:16:01

質問

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 さんのご指摘で、チェックを入れてから外すと確実に動作するようになりました。

追伸:画像は https://github.com/facebook/react/issues/19308#issuecomment-656669792