問題タブ [react-devtools]

手順については、こちら、または React Native の公式サイトを参照してください。そして、公式サイトに示されているように、次のようなものを期待していました。

一方、現実は次のとおりです。

次のコマンドを実行して、devtool をプロジェクトにローカルにインストールします。
npm install --save-dev react-devtools

package.json の "scripts" ノードに 1 行追加します。
"react-devtools": "react-devtools"

したがって、次のようになります。

次に、Genymotion エミュレーターを起動し、コマンド ウィンドウを実行しreact-native start、別のコマンド ウィンドウを実行npm run react-devtoolsすると、スタンドアロン ツールが開きます。

そして、3 番目の cmd ウィンドウを実行していreact-native run-androidます。これにより、Chrome でデバッグ タブが開きます。ただし、Developer Tool では何も起こりません。
そして、Chrome の devtool で $r が見つかりません。

エミュレーターがパッケージャーサーバーと通信しているためだと思いましたlocalhost:8081。しかし、その設定を: に変更する192.168.1.2:8097と、Developer Tool に記載されているように:

エミュレーターでアプリを実行することさえできません。スクリーンショットに示すように、常に停止します。

Windowsで実行できた人はいますか？どんな助けでも大歓迎です、ありがとう。

私のreact.jsアプリがロードされない原因を追跡する方法について、いくつかのヒントがあるかどうか疑問に思っています.

• Chrome OK で
• 物理的な iPhone 6 - OK
• iPhone Simulator 6s で - OK ではない
• 古いiPad2 - ダメ

index.htmlnpm install -g react-devtoolsに追加<script src="http://192.168.0.21:8097"></script>しました。

スクリプトはロードされているようですが、私にはしか見えませんWaiting for roots to load...

過去数回のコミットでビルドを壊してしまいました。最後の手段として、すべての変更の原因を確認できます。しかし、「本当のエラー」が何であるかを確認することを好みます。

デバッグ方法に関する提案やヒントはありますか?

React Dev Tools には、次の 2 つのプロバイダーが表示されます。

私の知る限り、コードをセットアップするときに奇妙なことはしていません。

ツールにバグがある可能性はありますか、それとも一般的なエラーを犯している可能性がありますか?

開発者がコード (フロントエンドの JavaScript コード) をデバッグするのに役立つ chrome dev-tool を構築しようとしています。しかし、ほとんどの開発者は webpack などのツールを使用して JavaScript コードを単一の大きなファイルにビルドし、ブラウザーが取得するコードは開発時に記述したものとは異なるため、アクセスする方法があるかどうか知りたいです。彼らが書いたコード。これは、react-devtools のようなツールが React アプリを検出し、そのコードに基づいて外部のものを提供する方法ですか? はいの場合、どのように？