В инструментах разработчика Chrome / Firefox возможно ли скрыть все, кроме первых двух ошибок? (Поскольку React выдает МНОГО ошибок мусора)

#javascript #reactjs #error-handling #google-chrome-devtools #firefox-developer-tools

#javascript #reactjs #обработка ошибок #google-chrome-devtools #firefox-developer-tools

Вопрос:

В React, когда что-то идет не так, вы часто получаете МНОГО сообщений об ошибках в своей консоли. Некоторые из них могут быть дубликатами исходной ошибки, а некоторые являются несвязанными ошибками, вызванными исходной ошибкой, создающей недопустимые условия.

В обычном JS-приложении это происходит реже, потому что первая ошибка обычно останавливает выполнение кода. Но в React его стратегия рендеринга часто приводит к появлению новых ошибок после существующих (и часто они довольно подробные).

Таким образом, у вас часто есть стена текста для прокрутки вверх при каждом обновлении, когда вам действительно нужно только: А) исходная ошибка и / или Б) сообщение, которое React выдает сразу после (т. Е. где эта ошибка действительно произошла).

Мой вопрос:

Можно ли настроить инструменты разработчика любого браузера для сворачивания или скрытия сообщений об ошибках после первых двух (после перезагрузки)?

Могу ли я использовать параметр конфигурации, или расширение, или глобальный обработчик ошибок, который вызывает консольную функцию, о которой я не знаю, или что-то в этом роде… чтобы автоматически сделать так, чтобы я видел только первые две при перезагрузке?

Комментарии:

1. Тому, кто проголосовал против: что было не так в этом вопросе? Это на 100% связано с кодом / разработкой, он не запрашивает рекомендации (он запрашивает конкретный ответ на конкретный вопрос), нет отсутствующих примеров кода…

2. Я не голосовал против, но я думаю, это потому, что это не кажется мудрым решением, во всяком случае, вы рассматривали ошибку на границе?

3. У меня есть одна граница ошибок для всего приложения, но мне неясно, как я мог бы использовать их для решения этой проблемы, тем более, что многие ошибки происходят вне компонентов (например, in fetch ). Кроме того, не могли бы вы подробнее рассказать о том, что решение не является разумным? В чем недостаток свертывания «шума» (ошибок после первых двух), чтобы было удобнее видеть «сигнал» (два верхних)?

Ответ №1:

Из инструментов разработчика невозможно отобразить только первые n ошибок / предупреждений, по крайней мере, для Chrome 86.0.4240.75 или более ранней версии.

Если вы хотите создать свой собственный плагин, вы наверняка сможете этого добиться !, но есть несколько способов, которые вы можете попробовать, чтобы сохранить ненужные журналы, отфильтрованные с консоли.

Например, вы можете решить, какой уровень сообщений og вы хотите видеть: введите описание изображения здесь

или фильтровать сообщения по тексту или регулярному выражению из поля фильтра введите описание изображения здесь

или фильтровать сообщения из определенного файла: введите описание изображения здесь

Подробнее о фильтрации журналов читайте в официальном руководстве.

Комментарии:

1. Если бы вы могли отредактировать ответ, чтобы четко сказать «в настоящее время это невозможно» (вам не нужно использовать эти слова, но что-то в этом роде), я был бы признателен.