Инструменты разработки 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 обновлять расширение вне обычного расписания.



3

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

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

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



3

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

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

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

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

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

Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.