問題タブ [react-devtools]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
65 参照

reactjs - Chrome 拡張機能: 別の拡張機能を使用する権限

Reactを使用してクロム拡張に取り組んでいます。React devtools を開発モードで使用したいのですが、表示されません。アクセス許可を追加しようとしchrome://extensions/ましたが、有効なものではありません。これを有効にするために何か不足していますか?また、ミドルウェアに追加されると、Redux devtools が表示されます。

0 投票する
2 に答える
1680 参照

javascript - React 開発ツールが props/state を変更できないようにする

プロダクションのフロントエンドからの小道具/状態の変更を防ぐ方法はありますか?

私は以下を試しましたが、開発ツールを完全に無効にします:

0 投票する
1 に答える
490 参照

react-native - Realm が提供するサンプル コードをデバイスでデバッグする IOS が Chrome 開発ツールで動作しない

RealmのWebサイトに記載されている説明に厳密に従いました

  • 反応ネイティブ初期化 myproj
  • CD myproj
  • npm インストール
  • npm install --save レルム
  • 反応ネイティブ リンク レルム

npm listいくつかのバージョンを確認するために現在実行中

  • 反応 @ 16.3.1
  • 反応ネイティブ@0.55.4
  • レルム@2.8.1

Realm の Getting Started ページの「Number of dogs」の例に基づいて、出荷された App.js を変更します (クラス本体を直接置き換えます)。

XCode (v9.4) で myproj.xcodeproj を開き、署名エラーを修正します。他に実行中のバンドラー スレッドがないことを確認します。xcode で接続されている iPad mini を選択し、[ビルドして実行] をクリックします。

アプリがiPad miniにロードされると、私は見ることができます

これは、レルムがロードされ、正しく機能していることを意味します。iPad mini を振って、「Debug JS Remotely」メニューをタップすると、赤の背景に次のエラーが表示されます。

Chrome React Native Debugger は と言う"Status: Debugger session #10000 active"ので、iPad mini に接続しています。

私のiPhone 7で同じテストを行いましたが、同じエラーが発生しました。私たちのプロジェクトはデバイスのカメラを使用する必要があるため、デバイスのデバッグが必要です。助言がありますか?

ありがとう。

0 投票する
2 に答える
8195 参照

reactjs - エラー: Function.Module._resolveFilename でモジュール 'webpack/lib/removeAndDo' が見つかりません (module.js:470:15)

プロジェクトでnpm install自分のパートを構築するために実行しようとするときはいつでも。react以下のエラーがスローされます。

私の反応部分の問題と、可能な解決策は何ですか。

0 投票する
1 に答える
779 参照

reactjs - React devtools を使用して、コンポーネントの状態にどのような変更を加えることができますか?

オブジェクトの配列を含むオブジェクトで構成されるコンポーネントを取得しました。これにはキーと文字列があります

React devtools でコンポーネントを開くと、文字列を編集し"jurassic"たり"diplodocus"、それらの文字列をダブルクリックして編集できることがわかりましたが、「時代」や恐竜の配列などのキーを変更できないようです。ただし、React DevTools で変更することは可能かもしれませんが、私のやり方は間違っています。

Google DevTools 内で React DevTools を使用しています。

React DevTools を使用してコンポーネントの状態を変更できるものと変更できないものは何ですか?

GitHub の readme を見てみたところ、セクションサイド ペインに編集状態についての言及が見られますが、編集できるものと編集できないものについては言及されていません。

How to set React component state and props from browserを見ましたが、ユーザーにReact DevTools のわかりやすいマニュアルを読むように指示するコメントと、 React DevToolsを使用して何が可能か不可能かを説明していない回答がありました。