web-dev-qa-db-fra.com

ne pas faire réagir les outils de développement dans Chrome

Je débogue une application qui utilise React.js, la liste des extensions Chrome indique clairement que les React sont installés, et quand j’accède au = React site à http://facebook.github.io/react/ ], je peux clairement voir un onglet "Réagir" dans la fenêtre des outils de développement. En déboguant mon application, je vois ceci dans la console:

Download the React DevTools for a better development experience: http://fb.me/react-devtools React.js:87

Quelqu'un peut-il me dire comment le faire utiliser les React Developer Tools?

merci!

javascriptgoogle-chromereactjs
53
James Fremen

Vous n'avez plus besoin de rien faire.

Pour les anciennes versions de react, la principale exigence est que window.React soit défini. Si vous utilisez un système de module:

if (typeof window !== 'undefined') {
    window.React = React;
}

Cela devrait généralement être fait dans votre fichier source principal.

25
Brigand

Si vous avez ouvert un fichier html local dans votre navigateur (fichier: // ...), vous devez d'abord ouvrir les extensions chrome et cocher la case "Autoriser l'accès aux URL de fichier".

110
Curtis Yallop

Ce message s’affiche toujours, même si les outils React dev sont installés et fonctionnent sur la page en cours. Ce problème sera résolu en 0.12 (et est déjà corrigé en maître). Voir https : //github.com/facebook/react/pull/95 .

3
Michelle Tilley

Les outils de réaction ne fonctionneront pas non plus si vous êtes en mode de navigation privée. Peut aider quelqu'un.

3
Ben