問題タブ [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.
ngxs - パフォーマンス ngx と redux 開発ツールの問題
アプリ全体を ngxs に保存しましたが、これは正常に機能します。
これらのデータをredux devtoolsで見たいときに問題があります。最初はストアが小さかったときはすべて正常に動作しましたが、ストアが大きくなると reduxdevtools の動作はますます遅くなり、現在はクラッシュしています。
実際にここにあるのは私のjson ストアです。 それほど大きくはありませんが、バックエンドからのデータを使用する機能では、約 20 ~ 30 Mb になります。
デバッグ ウィンドウに次の情報が表示されます: アプリケーションの状態またはアクションのペイロードが大きすぎるため、Redux DevTools のシリアル化が遅くなり、大量のメモリが消費されます。構成方法に関する記事へのリンクを参照し てください。
ただし、これらの例は ngrx の下にあります。
その問題は、devtools のシリアライズ ラージ オブジェクトにあると思います。
上記のリンクの例のように、ngxs を使用して devtools に表示する領域を制御することは可能ですか? または、たとえば、これらはより優れたツールです: diff monitor
答えてくれてありがとう...
ngrx - redux-devtools を無効にするとルーターのナビゲーションに時間がかかる
angular 8 と ngrx を使用してアプリに取り組んでいます。アプリをシークレット モードでテストするまでは、すべてスムーズでした。突然、ナビゲーションの開始とナビゲーションの終了の間に約 50 秒の非常に遅い URL が機能し始めました。redux-devtool 拡張機能を有効にすると問題が解決するようです (毎回動作します)。ここで何が起こっているのかわかりません。時間がかかるルートのリゾルバーには 3 つの API 呼び出しがありますが、これらの呼び出しはルートをクリックした瞬間に発生しますが、リゾルバーがコンポーネントに到達するまでに 50 秒かかります。詳細はこちら。他に何か必要な場合はお知らせください:
パッケージ.json
app.module
RoutingModule.ts (遅延ロード)
Resolver.ts
appComponent.ts