Javascript Girl
  1. Javascript Girl
  3. Réactive les outils de développement ne sont pas chargés dans le navigateur Chrome
Intereting Posts
Affichage de plusieurs marqueurs de carte dans l'API Google Maps Envoi de courrier électronique à partir de la page html statique Gestion de document.ready event (s) sur un site Internet à grande échelle Comment créer des lignes de démarrage jQuery Datatable? Est-il possible d'utiliser des scripts d'Extjs dans un html externe? Html () vs innerHTML jquery / javascript & XSS attaque Tirez en toute sécurité les étiquettes html en javascript avec la liste blanche Tableau de bord Reactjs – partie 2 – amélioration avec redux, nidification Pourquoi les fichiers polyfills console.log () n'utilisent-ils pas Function.apply ()? Affichage d'un message après redirection de l'utilisateur vers une autre page Web Javascript: obtenir un élément dans l'arborescence dom lorsque survient la souris Javascript array.sort avec des valeurs indéfinies Ajouter dynamiquement des points de données au graphique de pousse-pousse Supprimez toutes les couleurs / styles ANSI des chaînes Qu'arrive-t-il à mon application Web si JavaScript est désactivé?

Réactive les outils de développement ne sont pas chargés dans le navigateur Chrome

Je débogue une application qui utilise React.js, la liste des extensions Chrome montre clairement que les Outils de développement de réacteur sont installés et lorsque j'habite sur le site React à l' adresse http://facebook.github.io/react/ je peux voir clairement Un onglet "Réagir" dans la fenêtre des outils de développement. Pourtant, lorsque je débogue ma application, je le vois 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 l'utiliser pour utiliser React Developer Tools?

Merci!

Vous n'avez plus besoin de faire quoi que ce soit.

Pour les anciennes versions réactives, la principale exigence est que window.React est 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.

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

Ce message s'affiche toujours, même si les outils React dev sont installés et fonctionnent sur la page actuelle. Cela sera réparé en 0.12 (et est déjà fixé en master). Voir https://github.com/facebook/react/pull/953 .

Les outils de réagence ne fonctionneront pas non plus si vous êtes en mode anonyme. Peut-être aider quelqu'un.