問題タブ [redux-devtools-extension]

index.tsx でこのエラーが発生しています。

プロパティ「REDUX_DEVTOOLS_EXTENSION_COMPOSE」はタイプ「ウィンドウ」には存在しません。

ここに私の index.tsx コードがあります:

@types/npm install --save-dev redux-devtools-extension をインストールし、create-react-app-typescript を使用しています。事前に何が起こっているかについてのヒントをありがとう。

1秒ごとにディスパッチされるアクションがあります。1 秒ごとにデータを受信する Web ソケット接続からディスパッチされます。

これにより、開発ツールがこれらのアクションでいっぱいになり、他のアクションやもののデバッグが難しくなります。

このすべての「ノイズ」をロガーから除外する方法はありますか

私は次のことを試しました：

しかし、これはロガーだけでなくアプリケーションからもアクションを除外します。つまり、ディスパッチされないので、私が望まないアクションを呼び出さないのと同じくらい良いです。

言い換えれば、アクションをディスパッチしたいが、redux dev ツールに記録したくない

RNDebugger と Redux Devtools Extension パッケージをアプリに追加して、デバッグを支援し、後で redux persist を使用してテストすることにしました (まだ実装していません)。したがって、React Native アプリの状態アーキテクチャに次のパッケージを使用しています: React Redux、Redux、Redux Thunk、RNDebugger、Redux Devtools Extension。RNDebugger と Redux Devtools 拡張機能は、ドキュメントに従って開発依存関係としてインストールされました。Redux ストアを作成するときに、composeWithDevTools 関数を使用しています。composeWithDevTools 関数は Redux Devtools Extension パッケージの一部であるため、代わりに RNDebugger と Redux Devtools Extension を本番環境の依存関係としてインストールする必要がありますか? 本番環境でデバッガーを使用したくありませんが、' composeWithDevTools 関数が不明であるため、アプリが本番環境に移行したときにアプリが失敗することは望ましくありません。私のコードは正しく動作しており、RNDebugger で redux ストアを確認できます (素晴らしい!)。それにもかかわらず、これは私の基本的なセットアップです：