Reagieren Sie auf Entwicklungstools - Deaktivieren Sie "Warnpause"

87

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?

reactjs javascript-debugger

— Cadoman
quelle

16

Dieses Verhalten ist total nervig. Ich würde wirklich gerne wissen, wie man es deaktiviert

— guillaume

3

Hier ist eine schrittweise Anleitung von Dan github.com/facebook/react/issues/19308#issuecomment-656682924 , um dieses Verhalten vorerst zu entfernen

— Alireza

1

Meine Lösung bestand darin, diese bestimmte Datei zu blackboxen, damit der Debugger sie vollständig überspringt. Wenn Sie dieses Plugin nicht entwickeln, sollten Sie dazu in der Lage sein.

— Derek

81

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

— Naresh Kumar
quelle

31

Und Sie müssen überprüfen, dann deaktivieren Sie, wenn es nicht bereits

— aktiviert

Es scheint auch einen Fehler zu geben, bei dem das Kontrollkästchen zwischen dem Profiler und den Komponenteneinstellungen verwechselt wird. Aktivieren oder deaktivieren Sie einen, dann zeigt der andere den letzten Wert an. Also, wie Cadoman sagte, einfach aktivieren und deaktivieren.

— Reaktiver Kern

haaa, ich habe dich gefunden :)

— 7urkm3n

15

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.

— Chris Weiss
quelle

4

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

— Adriano Costa
quelle

3

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

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

— Bidyashish Kumar
quelle

3

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

— Doug G.
quelle

3

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

— Malaji Nagaraju
quelle