“未找到商店"使用 Redux chrome 扩展时 [英] "No store found" when using Redux chrome extension

问题描述

我在使用 redux chrome 扩展时遇到问题.

我的 configureStore.js 文件中有以下代码:

import {createStore, applyMiddleware} from 'redux';从'../reducers/index'导入rootReducer；从redux-thunk"导入 thunk；导出默认函数 configureStore(initialState){返回创建商店(根减速器，初始状态，应用中间件(thunk)，window.devToolsExtension ?window.devToolsExtension() : f =>F);}

我添加了 window.devToolsExtension ?window.devToolsExtension() : f =>f 就像

编辑

import 'babel-polyfill';从反应"导入反应；从 'react-dom' 导入 {render}；从反应路由器"导入 {Router, browserHistory}；从'./routes'导入路由；导入'../node_modules/bootstrap/dist/css/bootstrap.min.css';导入'./assets/sass/main.scss';导入'../node_modules/font-awesome/css/font-awesome.css';从'./actions/courseActions'导入{loadCourses}；从 './actions/authorActions' 导入 {loadAuthors}；从'react-redux'导入{Provider}；从 './store/configureStore' 导入 configureStore；const store = configureStore();store.dispatch(loadCourses());store.dispatch(loadAuthors());使成为(<Provider store={store}><Router history={browserHistory} routes={routes}/></Provider>, document.getElementById("app"));

有什么建议吗?

解决方案

我从 这里.

正确的代码是:

import {createStore, applyMiddleware, compose} from 'redux';从'../reducers/index'导入rootReducer；从redux-thunk"导入 thunk；导出默认函数 configureStore(initialState){返回创建商店(根减速器，初始状态，撰写(应用中间件(thunk)，window.devToolsExtension ?window.devToolsExtension() : f =>F));}

I have a problem with redux chrome extension.

I have the following code in my configureStore.js file :

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
  );
}

I've added window.devToolsExtension ? window.devToolsExtension() : f => f like on the tutorial.

But when I try to run the extension I get

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")
);

Any advice?

解决方案

I've got the solution from here.

The right code is :

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
    )
  );
}

这篇关于“未找到商店"使用 Redux chrome 扩展时的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！