問題タブ [redux-devtools-extension]

プロジェクトに接続しようとしredux-remotedevていmobx-angularます。mobx-remotedev hereのドキュメントと、Angular hereでの使用方法のドキュメントに従っていますが、整理できませんでした。

私のapp.module:

私の MobxStore:

また、次の行を polyfills.ts に追加しました。

エラーはありません。状態は期待どおりに動作していますが、remotedev は接続されていません。

助けてくれてありがとう！

axios と redux-saga を使用していくつかの API 呼び出しを行おうとしています。これは私が以前に行ったことのないものであり、redux devtools は通常これをうまく処理します。私が取り組んでいる現在のアプリケーションでは、何らかの理由で、saga をトリガーするアクションが API 呼び出しを行うと、redux-devtools-extension がクラッシュするようです。redux-devtools-extension には常に少しバグがあることは知っていますが、これらのアクションによってクラッシュする理由を特定することはできません。典型的な物語は次のとおりです。

axios 呼び出しをコメント アウトすると、拡張機能が正常に動作し、アクションが適切に登録されることに注意してください。サガ以外のアクションは問題ありません。axios から fetch に切り替えても役に立ちません。ここには、無限ループを引き起こしたり、CPU 過負荷を引き起こしたりする可能性のある多くのロジックはありません。単純な API 呼び出しです。

ストアと devtools 拡張機能をセットアップする方法は次のとおりです。

saga 以外のアクション、または saga の非 api 呼び出しアクションは正常に動作しているのに、fetch または axios で行われたほぼすべての api 呼び出しによって開発ツールがフリーズしてクラッシュするのはなぜですか?

主にポップアップ スクリプトで提供される chrome 拡張機能を作成しています。

マニフェスト.json

パッケージ.json

ウェブパック

問題

私は試しましたredux-devtools-extension：

これは以下を示します:

私も使ってみましたremote-redux-devtools：

これはより有望に思えますが、ストアにデータがありません:

npm start( )を使用してブラウザーで実行すると、拡張機能にreact-scripts startストアが表示されるので、何が問題なのかわかりません。Redux DevTools

考えられるアイデア

React ( react-scripts build) でビルドすると、問題なくストアが表示されます。問題は、ビルド時間が遅すぎて、webpack を使用するのが最も論理的な代替手段のように思われるため、react を使用できないことです。ビルド出力は次のとおりです。

何か案は？