Herramientas de desarrollo de React: desactiva la opción "interrumpir las advertencias"

87

Mientras desarrollaba con create-react-app, mi navegador entra en modo depurador en las advertencias:

Se rompe en el código fuente de 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.

¿Cómo puedo desactivar este comportamiento?

reactjs javascript-debugger

— cadoman
fuente

16

Este comportamiento es totalmente molesto. Realmente me gustaría saber cómo desactivarlo

— guillaume

3

aquí hay una instrucción paso a paso de Dan github.com/facebook/react/issues/19308#issuecomment-656682924 para eliminar este comportamiento por ahora

— Alireza

1

Mi solución fue bloquear ese archivo en particular para que el depurador lo omita por completo. A menos que esté desarrollando ese complemento, debería ser bueno para hacerlo.

— Derek

81

Vaya a Chrome Devtools → en la consola de Chrome, vaya a Componente → Haga clic en Configuración → desarmar Break on Warning . Haga lo mismo en Profiler → Configuración → desarmar Break on warning .

@cadoman señaló marque y luego desmarque para asegurarse de que funcione.

PD: Imagen de https://github.com/facebook/react/issues/19308#issuecomment-656669792

— Naresh Kumar
fuente

31

Y debe marcar y luego desmarcar si aún no está marcado

— cadoman

También parece haber un error en el que la casilla de verificación se confunde entre el generador de perfiles y la configuración del componente. Marque o desmarque en uno, luego el otro muestra el último valor. Entonces, como dijo cadoman, solo marque y desmarque.

— núcleo reactivo

haaa, te encontré :)

— 7urkm3n

15

Basado en DevTools de solicitud de extracción: haga que el break-on-warn off de forma predeterminada # 19309 parece que es un error.

La casilla Break On Warnings no estaba marcada para mí y aún se rompería. Eliminar y leer la extensión para forzar una actualización lo solucionó para mí.

No conozco otra forma de obligar a Chrome a actualizar una extensión fuera de su horario habitual.

— Chris Weiss
fuente

4

Vaya a sus herramientas ReactDev en la pestaña Depuración y desactive "Interrupción en advertencia".

Creo que este nuevo comportamiento comenzó hoy con este nuevo PR: https://github.com/facebook/react/pull/19048

— Adriano Costa
fuente

3

Chrome tiene una función de "script BlackBox" que es útil en este caso.

Vaya a las herramientas para desarrolladores de Chrome -> pestaña fuente
Seleccione "react_developer_tools.js" en el panel izquierdo
Haga clic con el botón derecho en el archivo y seleccione "Secuencia de comandos de Blackbox"

— Bidyashish Kumar
fuente

3

Es un problema conocido. Se publica una solución en GitHub: Error: declaración de depurador inesperada en DevTools (resuelto) # 19308

— Doug G
fuente

3

El problema se debe a un lanzamiento reciente. Una solución alternativa propuesta por el equipo de React es:

Ir a las herramientas para desarrolladores de Chrome
Haga clic en la pestaña Componentes (Extensión React Developer Tools)
Haga clic en el icono Configuración (ubicado junto al cuadro de búsqueda de componentes)
Una vez que se abre el modal, seleccione la pestaña Depuración
Finalmente, haga doble clic en la casilla de verificación Interrumpir en advertencias (marque y desmarque)

Asegúrese de que por fin la casilla de verificación Interrumpir en advertencias esté desmarcada.

Referencia: enlace de emisión

— Malaji Nagaraju
fuente