ich die reagieren Anwendung zu debuggen versucht, nach der Ausführung der Anwendung und auf Chrome Entwickler-Tool zum Reagieren Registerkarte Bewegen Sie zeigenIn Chrome-Entwickler-Tool, unter dem Reiter reagiert es zeigt „Suche reagieren“ und friert es
"Looking for React"
und dort einfriert, nichts auftaucht. Aber die Anwendung wird erfolgreich ausgeführt und ich kann daran arbeiten, Was kann das Problem sein?
Dies passiert, wenn Sie ein serverseitiges Rendering durchführen. Daher ist der React-Code für den Browser nicht verfügbar. Versuchen Sie, ihn auf der Clientseite zu rendern. Ex: in Webpack, Wenn Sie Ihre Anwendung im Dev-Server-Modus ausgeführt werden wie
webpack-dev-server
werden Sie „Suche nach Reagieren“ Reagieren Sie auf dem Register der Chrome-Entwicklertools sehen Ihre URL von
ändernlocalhost://8080/webpack-dev-server/
zu
localhost://8080/
Ihre Registerkarte Lasten Reaktion, ich habe es für webpack gezeigt, Dies ist üblich, Alle laufen auf der Client-Seite.
Ich hatte ein ähnliches Problem, nur die Registerkarte React in den Dev-Tools hat funktioniert. Meine Lösung war:
Öffnen Sie das Chrome extensions tab, chrome://extensions/
die Entwickler-Tool Seite
Go Reagieren deaktivieren, wo die Reaktion funktioniert nicht
Schließen devtools
Laden Sie die Webseite und die Chrome Extension neu n Seite (ich denke, das prüft, ob Updates, nicht sicher)
Schalten Sie Werkzeuge Reagieren Entwickler
wieder öffnen das Reagieren Tool auf der Web-Seite, und es sollte wieder funktionieren.