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

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?

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

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.

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

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

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

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

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