Reduxのクロムエクステンションを使用しているときに「店舗が見つかりません」

Question

還元クロムエクステンションに問題があります。

私は私のconfigureStore.jsファイルに次のコードを持っている：

import {createStore, applyMiddleware} from 'redux'; 
import rootReducer from '../reducers/index'; 
import thunk from 'redux-thunk'; 

export default function configureStore(initialState){ 
    return createStore(
    rootReducer, 
    initialState, 
    applyMiddleware(thunk), 
    window.devToolsExtension ? window.devToolsExtension() : f => f 
); 
} 

私はtutorial上のようなwindow.devToolsExtension ? window.devToolsExtension() : f => fを追加しました。

しかし、私は拡張子を実行しようとすると、私は

EDIT

import 'babel-polyfill'; 
import React from 'react'; 
import {render} from 'react-dom'; 
import {Router, browserHistory} from 'react-router'; 
import routes from './routes'; 
import '../node_modules/bootstrap/dist/css/bootstrap.min.css'; 
import './assets/sass/main.scss'; 
import '../node_modules/font-awesome/css/font-awesome.css'; 

import {loadCourses} from './actions/courseActions'; 
import {loadAuthors} from './actions/authorActions'; 
import {Provider} from 'react-redux'; 
import configureStore from './store/configureStore'; 

const store = configureStore(); 
store.dispatch(loadCourses()); 
store.dispatch(loadAuthors()); 

render(
    <Provider store={store}><Router history={browserHistory} routes={routes}/></Provider>, document.getElementById("app") 
); 

何かアドバイスを得ますか？

Answer 1

解決策はhereです。

右のコードは次のとおりです。

import {createStore, applyMiddleware, compose} from 'redux'; 
import rootReducer from '../reducers/index'; 
import thunk from 'redux-thunk'; 

export default function configureStore(initialState){ 
    return createStore(
    rootReducer, 
    initialState, 
    compose(
     applyMiddleware(thunk), 
     window.devToolsExtension ? window.devToolsExtension() : f => f 
    ) 
); 
} 

Answer 2

Reduxの-デベロッパーツールの人々から今簡単な解決策があります。参照：

セクション1.3を使用再来 - デベロッパーツール - 拡張パッケージNPMからhttps://github.com/zalmoxisus/redux-devtools-extension

で基本的に、あなたはあなたができるそこReduxの-デベロッパーツール - 拡張機能をインストールNPM場合：

import { createStore, applyMiddleware } from 'redux'; 
import { composeWithDevTools } from 'redux-devtools-extension'; 

const store = createStore(reducer, composeWithDevTools(
    applyMiddleware(...middleware), 
    // other store enhancers if any 
)); 

私の場合は私だけミドルウェア（Reduxの-サンク）の一枚を持っていますが、それは次のようになりますので、私は初期状態を持っている：

const store = createStore(reducer, initalState, composeWithDevTools(applyMiddleware(thunk))) 
store.subscribe(() => console.log("current store: ", JSON.stringify(store.getState(), null, 4))) 

Answer 3

[OK]を、ちょうどの公式リポジトリをチェックしますdevToolsExtensionの代わりに__REDUX_DEVTOOLS_EXTENSION__を使用することをお勧めします。

ちょうどこのアップデートの後、プラグインと私のコードとde connectinoは魅力的なように動作し始めます。ここで

サンプルコード、それは誰も助けている場合：これはSO上で話題に確かにありますが

const enhancers = compose(
    window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() 
); 

const store = createStore(
    rootReducer, 
    defaultState, 
    enhancers 
);