Инструменты разработки React - отключите прерывание при предупреждении

87

При разработке с помощью create-response-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.

Как я могу отключить это поведение?

кадоман
источник
16
Такое поведение сильно раздражает. Я действительно хотел бы знать, как его отключить
гийом
3
вот пошаговая инструкция Дэна github.com/facebook/react/issues/19308#issuecomment-656682924, чтобы удалить это поведение на данный момент
Алиреза,
1
Мое решение заключалось в том, чтобы заблокировать этот конкретный файл, чтобы отладчик полностью его пропустил. Если вы не разрабатываете этот плагин, вы должны уметь это делать.
Дерек

Ответы:

81

Перейдите в Chrome Devtools → в консоли Chrome перейдите в Компонент → Нажмите на Настройки → снимите флажок Разрыв при предупреждении . Сделайте то же самое в ПрофайлереНастройки → снимите флажок Прерывание при предупреждении .

@cadoman указал флажок, а затем снимите флажок, чтобы убедиться, что он работает.

PS: Изображение с https://github.com/facebook/react/issues/19308#issuecomment-656669792

Введите описание изображения здесь

Нареш Кумар
источник
31
И вам нужно проверить, а затем снять флажок, если он еще не
отмечен
Также, похоже, есть ошибка, из-за которой путают флажок между профилировщиком и настройками компонентов. Установите или снимите флажок с одного, тогда на другом будет отображаться последнее значение. Итак, как сказал Кадоман, просто отметьте и снимите отметку.
реактивное ядро
хааа, я нашел тебя :)
7urkm3n
15

На основе запроса на вытягивание DevTools: по умолчанию отключено предупреждение о прерывании # 19309, похоже, это ошибка.

Поле Break On Warnings не было отмечено для меня, и оно все равно сломалось. Удаление и чтение расширения для принудительного обновления исправили его для меня.

Я не знаю другого способа заставить Chrome обновлять расширение вне обычного расписания.

Крис Вайс
источник
4

Перейдите к инструментам ReactDev на вкладке «Отладка» и отключите «Прерывание при предупреждении».

Я думаю, что это новое поведение началось сегодня с этого нового PR: https://github.com/facebook/react/pull/19048

Адриано Коста
источник
3

В Chrome есть функция «Сценарий BlackBox», которая полезна в этом случае.

  1. Перейдите в Инструменты разработчика Chrome -> вкладка "Источник".
  2. Выберите "response_developer_tools.js" на левой панели.
  3. Щелкните файл правой кнопкой мыши и выберите «Сценарий черного ящика».

введите описание изображения здесь

Бидяшиш Кумар
источник
3

Проблема связана с недавним выпуском. Обходной путь, предложенный командой React:

  • Перейдите в Инструменты разработчика Chrome
  • Перейдите на вкладку " Компоненты" (расширение React Developer Tools).
  • Щелкните значок настроек (расположенный рядом с полем поиска компонентов)
  • После открытия модального окна выберите вкладку Отладка.
  • Наконец, дважды щелкните флажок Break on Warnings ( установите и снимите флажок)

Убедитесь, что, наконец, снят флажок « Прерывание при предупреждении» .

Ссылка: ссылка на проблему

Введите описание изображения здесь

Маладжи Нагараджу
источник