問題タブ [redux-devtools-extension]

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 投票する
4 に答える
14681 参照

redux - redux-devtools-extension が chrome devtools で機能しない

React Native アプリを開発するために redux-devtools-extension を使用しています。

React Nativeデバッガーでは機能し、正しく定義されているwindow.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ことがわかります。window.__REDUX_DEVTOOLS_EXTENSION__

ここに画像の説明を入力

chrome devtools ではそうではありません。

ここに画像の説明を入力 ここに画像の説明を入力

これらをchrome devtoolsで定義する方法を知っている人はいますか? redux 拡張機能を chrome にインストールして、再インストールしようとしました。

0 投票する
0 に答える
426 参照

ngxs - パフォーマンス ngx と redux 開発ツールの問題

アプリ全体を ngxs に保存しましたが、これは正常に機能します。

これらのデータをredux devtoolsで見たいときに問題があります。最初はストアが小さかったときはすべて正常に動作しましたが、ストアが大きくなると reduxdevtools の動作はますます遅くなり、現在はクラッシュしています。

実際にここにあるのは私のjson ストアです。 それほど大きくはありませんが、バックエンドからのデータを使用する機能では、約 20 ~ 30 Mb になります。

デバッグ ウィンドウに次の情報が表示されます: アプリケーションの状態またはアクションのペイロードが大きすぎるため、Redux DevTools のシリアル化が遅くなり、大量のメモリが消費されます。構成方法に関する記事へのリンクを参照し てください。

ただし、これらの例は ngrx の下にあります。

その問題は、devtools のシリアライズ ラージ オブジェクトにあると思います。

上記のリンクの例のように、ngxs を使用して devtools に表示する領域を制御することは可能ですか? または、たとえば、これらはより優れたツールです: diff monitor

答えてくれてありがとう...

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

ngrx - redux-devtools を無効にするとルーターのナビゲーションに時間がかかる

angular 8 と ngrx を使用してアプリに取り組んでいます。アプリをシークレット モードでテストするまでは、すべてスムーズでした。突然、ナビゲーションの開始とナビゲーションの終了の間に約 50 秒の非常に遅い URL が機能し始めました。redux-devtool 拡張機能を有効にすると問題が解決するようです (毎回動作します)。ここで何が起こっているのかわかりません。時間がかかるルートのリゾルバーには 3 つの API 呼び出しがありますが、これらの呼び出しはルートをクリックした瞬間に発生しますが、リゾルバーがコンポーネントに到達するまでに 50 秒かかります。詳細はこちら。他に何か必要な場合はお知らせください:

パッケージ.json

app.module

RoutingModule.ts (遅延ロード)

Resolver.ts

appComponent.ts