“找不到商店”使用Redux chrome扩展时 [英] "No store found" when using Redux chrome extension
本文介绍了“找不到商店”使用Redux chrome扩展时的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我对redux chrome扩展有问题。
我的configureStore.js文件中有以下代码:
从'redux'导入{createStore,applyMiddleware};
从'../reducers/index'导入rootReducer;
从'redux-thunk'导入thunk;
导出默认函数configureStore(initialState){
返回createStore(
rootReducer,
initialState,
applyMiddleware(thunk),
窗口。 devToolsExtension?window.devToolsExtension():f => f
);
}
我添加了 window.devToolsExtension? window.devToolsExtension():f => f
喜欢
编辑
import'babel-polyfill';
import来自'react'的React;来自'react-dom'的
import {render};来自'react-router'的
import {Router,browserHistory};
从'./routes'导入路线;
import'../node_modules/bootstrap/dist/css/bootstrap.min.css';
import'./assets/sass/main.scss';
import'../node_modules/font-awesome/css/font-awesome.css';
从'./actions/courseActions'导入{loadCourses};来自'./actions/authorActions'的
import {loadAuthors};来自'react-redux'的
import {Provider};
从'./store/configureStore'导入configureStore;
const store = configureStore();
store.dispatch(loadCourses());
store.dispatch(loadAuthors());
渲染(
< Provider store = {store}><路由器历史记录= {browserHistory} routes = {routes} />< / Provider> ;, document.getElementById( app)
);
有什么建议吗?
解决方案
我从这里得到了解决方案。
正确的代码是:
import来自'redux'的{createStore,applyMiddleware,compose};
从'../reducers/index'导入rootReducer;
从'redux-thunk'导入thunk;
导出默认函数configureStore(initialState){
返回createStore(
rootReducer,
initialState,
compose(
applyMiddleware(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屋!
查看全文