Reagieren Sie auf Entwicklungstools - Deaktivieren Sie "Warnpause"

Während der Entwicklung mit der Create-React-App wechselt mein Browser bei Warnungen in den Debugger-Modus:

Es bricht im Quellcode von 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.

Wie kann ich dieses Verhalten deaktivieren?

Gehen Sie zu Chrome Devtools → Gehen Sie in der Chrome-Konsole zu Komponente → Klicken Sie auf Einstellungen → Deaktivieren Sie Break on Warning . Machen Sie dasselbe unter Profiler → Einstellungen → Deaktivieren Pause bei Warnung .

@cadoman zeigte auf Häkchen und deaktivierte es dann, um sicherzugehen, dass es funktioniert.

PS: Bild von https://github.com/facebook/react/issues/19308#issuecomment-656669792

Basierend auf der Pull-Anfrage DevTools: Machen Sie Break-On-Warning standardmäßig # 19309, es scheint ein Fehler zu sein.

Das Kontrollkästchen "Break On Warnings" war für mich deaktiviert und es würde immer noch kaputt gehen. Durch Entfernen und Lesen der Erweiterung, um ein Update zu erzwingen, wurde das Problem für mich behoben.

Ich kenne keine andere Möglichkeit, Chrome zu zwingen, eine Erweiterung außerhalb des regulären Zeitplans zu aktualisieren.

Gehen Sie zu Ihren ReactDev-Tools auf der Registerkarte Debugging und deaktivieren Sie "Break on Warning".

Ich denke, dieses neue Verhalten begann heute mit dieser neuen PR: https://github.com/facebook/react/pull/19048

Chrome verfügt über eine "BlackBox-Skript" -Funktion, die in diesem Fall hilfreich ist.

1. Gehen Sie zu Chrome Developer Tools -> Registerkarte "Quelle"
2. Wählen Sie im linken Bereich "react_developer_tools.js" aus
3. Klicken Sie mit der rechten Maustaste auf die Datei und wählen Sie "Blackbox-Skript".

Es ist ein bekanntes Problem. Eine Problemumgehung wird auf GitHub veröffentlicht: Fehler: Unerwartete Debugger-Anweisung in DevTools (gelöst) # 19308

Das Problem ist auf eine kürzlich veröffentlichte Version zurückzuführen. Eine vom React-Team vorgeschlagene Problemumgehung lautet:

• Wechseln Sie zu Chrome Developer Tools
• Klicken Sie auf die Registerkarte Komponenten (React Developer Tools Extension).
• Klicken Sie auf das Symbol Einstellungen (neben dem Komponentensuchfeld).
• Sobald Modal geöffnet ist, wählen Sie die Registerkarte Debugging
• Doppelklicken Sie abschließend auf das Kontrollkästchen Bei Warnungen unterbrechen (aktivieren und deaktivieren).

Stellen Sie sicher, dass das Kontrollkästchen Pause bei Warnungen deaktiviert ist.

Referenz: Problemlink