Mientras desarrollo con create-react-app, mi navegador ingresa al modo de depuración con 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?
Es un problema conocido. Se publica una solución alternativa en GitHub: Error: declaración de depuración inesperada en DevTools (resuelto) #19308
Vaya a sus herramientas de ReactDev en la pestaña Depuración y deshabilite "Break on Warning".
Creo que este nuevo comportamiento comenzó hoy con este nuevo PR: https://github.com/facebook/react/pull/19048
Basado en la solicitud de extracción DevTools: haga que la interrupción en la advertencia se desactive de forma predeterminada # 19309 , parece que es un error.
La casilla Break On Warnings estaba desmarcada para mí y aún se rompía. Quitar y leer la extensión para forzar una actualización lo arregló para mí.
No conozco otra forma de obligar a Chrome a actualizar una extensión fuera de su horario habitual.
Vaya a Chrome Devtools → en la consola de Chrome, vaya a Componente → Haga clic en Configuración → desactive Break on Warning . Haz lo mismo en Profiler → Settings → unset Break on warning .
@cadoman marcó y luego desmarcó para que funcione con seguridad.
PD: Imagen de https://github.com/facebook/react/issues/19308#issuecomment-656669792
El problema se debe a una versión reciente. Una solución alternativa propuesta por el equipo de React es:
Asegúrese de que la casilla de verificación Interrumpir en advertencias esté desmarcada.
Referencia: enlace del problema
Chrome tiene una función de "secuencia de comandos BlackBox" que es útil en este caso.