web-dev-qa-db-ja.com

Chrome browser

React.jsを使用するアプリケーションをデバッグしています。Chrome拡張機能リストは、React Developer Toolsがインストールされており、 React site at http://facebook.github.io/react/ 開発者ツールウィンドウに[React]タブが明確に表示されています。アプリケーションをデバッグすると、コンソールに次のように表示されます。

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

React開発者ツールを使用する方法を教えてもらえますか？

ありがとう！

javascriptgoogle-chromereactjs
53
James Fremen

もう何もする必要はありません。

古いバージョンのReactの場合、主な要件はwindow.Reactが設定されていることです。モジュールシステムを使用している場合：

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

これは通常、メインのソースファイルで行う必要があります。

25
Brigand

ブラウザでローカルhtmlファイル（file：// ...）を開いた場合は、最初にchrome拡張機能を開き、[ファイルURLへのアクセスを許可]をオフにする必要があります。

110
Curtis Yallop

React devツールがインストールされ、現在のページで動作している場合でも、このメッセージは常に表示されます。これは0.12で修正されます（すでにマスターで修正済み）。 https ：//github.com/facebook/react/pull/95 。

3
Michelle Tilley

シークレットモードでは、Reactツールも機能しません。誰かを助けるかもしれない。

3
Ben