2014-11-20 14 views
14

Qualcuno sa perché l'estensione del browser Chrome ReactJS non viene visualizzata per gli strumenti di sviluppo interno? È installato, a un certo punto stava funzionando.Estensione chrome ReactJS installata ma non visualizzata

sto usando Chrome versione 39.0.2171.65 (64-bit) su Mac OS X v 10.7.5

Ho letto le recensioni su questa estensione, alcune persone hanno detto ha bisogno di esporre Reagire come globale. Sto usando React NPM con: var React = require('react');

+3

si dovrebbe impostare 'window.React', vedere http://stackoverflow.com/questions/26347489/react-dev-tools-not-loading-in-chrome-browser – nilgun

risposta

31

In chrome://extensions/ selezionare Allow access to file URLs per l'estensione React Developer Tools, utilizzando v0.13.1 di React. Non ho bisogno di aggiungere nulla al mio codice sorgente.

+2

Questo mi ha salvato la vita !!! – Neto

12

L'estensione di React viene visualizzata solo quando nel browser è stata caricata la replica in ambito globale. Come @nlgndg menziona dovrebbe essere presente come window.React

+1

Copia Incolla da altra risposta: Il principale il requisito è che window.React sia impostato. Se stai usando un sistema di moduli (dato che sto usando Browserify): 'typeof window! ==" undefined "&& (window.React = React)' Di solito dovrebbe essere fatto nel tuo file sorgente principale. –

+0

Gli ho dato il dovuto credito per la risposta, ho pensato che fosse meglio che fosse una risposta per tutti da vedere che un commento. –

+5

Grazie, hai appena digitato window.React = {} nella console e la scheda React è diventata visibile negli strumenti di chrome dev, oltre alla scheda dei controlli. –

Problemi correlati