問題タブ [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 投票する
0 に答える
112 参照

electron - React devtools には electron にプロファイラー タブがありません

Electron で React devtools を開くと動作しますが、Profilerタブがありません。

私が知る限り、使用して拡張機能を更新しましたelectron-devtools-installerが、これは何の違いもないようです。

私は使用react 16.5.0していますreact-dom 16.6.3

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

reactjs - React Dev Tools - Electron アプリケーションでプロファイラーを使用できない

React Profilerプラグインは、Electron と一緒に使用すると、React 開発者ツールで有効にならないようです。

私は次のことを試しましたが、成功しませんでした:

  • アプリケーションを開発者モードでバンドルし、 fileプロトコルを使用してロードするhttp
  • electron-devtools-installerパッケージの使用
  • Electron ドキュメントのDevTools 拡張ガイドに従う
  • React を最新バージョンに更新する

プロファイラー プラグインを機能させる唯一の方法は、アプリケーションを 経由http://localhost:8080でロードすることですが、Electron API を使用できないため、これは明らかに理想的ではありません。

これは、私の Electron アプリケーションで React Developer Tools を開いたときの外観です。

React 開発者ツールのスクリーンショット

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

reactjs - React エラー オーバーレイ - 1 つのエラーを表示し、別のエラーをスローして、コードを呼び出して処理する

現在、redux アクションを処理する非同期関数がいくつかある反応アプリがあります。これらのアクションはすべてこのAct関数にラップされ、予期しないエラーがログに記録され、よりユーザーフレンドリーなエラーが UI コードに送信され、ユーザーに表示されます。

これは正常に動作 console.traceしていますが、エラーが UI に到達しないか、または

私が本当にやりたいことは、これらのアクションで予期しないエラーがスローされ、開発モードがオンになっている場合に、これがフローティング プロミスである場合に表示されるエラー オーバーレイを表示することです。

私はreportRuntimeErrorreact-error-overlay から使用しようとしましたが、次のようにログに記録されたため、明らかに正しくインポートしませんでしたundefined:

そのモジュールの型定義を見つけることができなかったものを試しnpm install @types/react-error-overlayてみましたが、これを行うのに適切な場所であるかどうかはわかりません。

最初にスローされたエラーを表示し、UI コードによって処理される別のエラーを返す方法はありますか?