2017-12-06 19 views
1

私はreactとreduxを使ってクロムエクステンションを書いています。拡張機能には、chrome devtoolsに独自のタブがあります。私は、コードを反応させるデバッグしようとすると、新しいクロームデベロッパーツールが開き、私は店の作成に以下しているコンソール、ソースなどredux devtoolsは拡張子devtoolsタブに状態を表示しません

を表示することができます。ここで

const store = createStore(rootReducer, preloadedState, compose(
    applyMiddleware(...middleware), 
    global.devToolsExtension ? global.devToolsExtension() : f => f 
)) 

問題があり、 redux devtoolsが表示されますが、ストアは検出されません。私もhereからの指示を試みましたが、それでも効果はありません。

また、global.devToolsExtensionwindow.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__の両方がundefinedであることもお伝えしたいと思います。

誰かがこれに遭遇しましたか?

答えて

0

remote-redux-devtoolsを使用して状態を表示することができました。トリックは、Open Remote Devtoolsを右クリックして、その設定でローカルサーバーを使用するようにマークしました。

別のタブで、remotedev-serverをnpmまたは糸でインストールしてください。例:

yarn add -D remotedev-server 

、以下を実行します

全てこのAFTE
var remotedev = require('remotedev-server'); 
remotedev({ hostname: 'localhost', port: 8000 }); 

、状態はReduxののデベロッパーツールに表示されなければなりません。

関連する問題