2014-11-20 16 views
14

Wer weiß, warum die ReactJS Chrome Browser-Erweiterung nicht für meine Dev-Tools angezeigt wird? Es ist installiert, an einem Punkt hat es funktioniert.ReactJS Chrome Erweiterung installiert, aber nicht angezeigt

Ich bin mit Chrom Version 39.0.2171.65 (64-Bit) auf Mac OS X v 10.7.5

ich die Bewertungen auf dieser Erweiterung gelesen, sagten einige Leute reagieren als globalen aussetzen müssen. Ich benutze React NPM mit: var React = require('react');

+3

sollten Sie 'window.React' einstellen, siehe http://stackoverflow.com/questions/26347489/react-dev-tools-not-loading-in-chrome-browser – nilgun

Antwort

31

In chrome://extensions/ wählen Allow access to file URLs für die React Developer Tools Erweiterung, mit v0.13.1 von React. Ich musste meinem Quellcode nichts hinzufügen.

+2

Das hat mir das Leben gerettet !!! – Neto

12

React Erweiterung wird nur angezeigt, wenn Sie in den Browser im globalen Gültigkeitsbereich geladen haben. Wie @nlgndg erwähnt sollte es als window.React vorhanden sein

+1

Kopieren Paste aus anderen Antwort: Die wichtigsten Voraussetzung ist, dass window.React gesetzt ist. Wenn Sie ein Modulsystem verwenden (da ich Browserify verwende): 'typeof window! ==" undefined "&& (window.React = React)' Dies sollte normalerweise in Ihrer Hauptquelldatei gemacht werden. –

+0

Ich habe ihm für die Antwort gebührende Anerkennung gegeben, dachte nur, es ist besser als eine Antwort für alle zu sehen, als ein Kommentar. –

+5

Danke, einfach window.React = {} in die Konsole eingegeben und die React-Registerkarte wurde in den Chrome-Dev-Tools neben der Registerkarte "Audits" sichtbar. –

Verwandte Themen