当导航到任何路由时,React router redux显示空屏幕

当导航到任何路由时,React router redux显示空屏幕,redux,react-router,react-redux,react-router-redux,Redux,React Router,React Redux,React Router Redux,我正在使用react-router3.x和react-router-redux。下面是我的代码 我只能在导航到/hello时看到一个空屏幕。谁能帮我找出哪里做错了 import React from 'react' import ReactDOM from 'react-dom' import { createStore, combineReducers, applyMiddleware } from 'redux' import { Provider } from 'react-redux'

我正在使用
react-router
3.x
react-router-redux
。下面是我的代码 我只能在导航到
/hello
时看到一个空屏幕。谁能帮我找出哪里做错了

import React from 'react'
import ReactDOM from 'react-dom'
import { createStore, combineReducers, applyMiddleware } from 'redux'
import { Provider } from 'react-redux'
import { Router, Route, browserHistory } from 'react-router'
import { syncHistoryWithStore, routerReducer, routerMiddleware } from 'react-router-redux'
import EngagementsContainer from './Engagements/EngagementsContainer.js'
import EngagementViewContainer from './Engagements/EngagementViewContainer.js'
import EngagementReducer from './Engagements/reducers/reducers.js'
import thunk from 'redux-thunk'

// Add the reducer to your store on the `routing` key
const store = createStore(
  combineReducers({
  routing: routerReducer,
  deals: EngagementReducer
}),
applyMiddleware(thunk),
);

store.subscribe( state => console.log(state) );

// Create an enhanced history that syncs navigation events with the store
const history = syncHistoryWithStore(browserHistory, store)

 const AppRoutes = () => { return (
    <Provider store={store} >
     <Router history={ browserHistory } >
       <Route path="/" component={ EngagementsContainer } >
       <Route path="hello" component={ EngagementViewContainer } />
    </Route>
  </Router>
</Provider>
) };

export default AppRoutes;
从“React”导入React
从“react dom”导入react dom
从“redux”导入{createStore,CombineReducer,applyMiddleware}
从“react redux”导入{Provider}
从“react Router”导入{Router,Route,browserHistory}
从“react router redux”导入{syncHistoryWithStore、routerReducer、routerMiddleware}
从“./engagents/engagentscocontainer.js”导入约会容器
从“./engagents/EngagementViewContainer.js”导入EngagementViewContainer
从“./engagents/reducers/reducers.js”导入约会还原程序
从“redux thunk”导入thunk
//在'routing'键上将减速机添加到您的存储
const store=createStore(
组合传感器({
路由:routerReducer,
交易:订约商
}),
applyMiddleware(thunk),
);
订阅(state=>console.log(state));
//创建增强的历史记录,将导航事件与存储同步
const history=syncHistoryWithStore(浏览器历史记录,存储)
常量批准=()=>{return(
) };
导出默认批准;

为hello to/hello更新您的路由路径并重试。@Lrfan-Ali我做了更改但不起作用更新您的路由路径为hello to/hello并重试。@Lrfan-Ali我做了更改但不起作用