React-reduxが店舗を見つけることができませんでした

Question

私はReact + Redux + Expressを使用しています。私がlocalhost/coursesをリロードするたびに、私は '店'を見つけられないというエラーが出た。しかし、もし私がlocalhost -> click to nav courseから行くと、すべて正常に動作しています。どうすれば修正できますか？

エラー

不変違反：コンテキストまたは "接続（コース）" の 小道具のいずれかで "ストア" を見つけることができませんでした。 プロバイダーにルートコンポーネントをラップするか、明示的に「ストア」を「接続（コース）」の小道具として渡します。

store.js

const middleware = applyMiddleware(promise(), thunk, logger()); 

export default createStore(reducer, middleware); 

App.js

window.onload =() => { 
    ReactDOM.render(
    <Provider store={store}> 
     <Router history={browserHistory} routes={routes} onUpdate={() => window.scrollTo(0, 0)}/> 
    </Provider> 
    , document.getElementById('main')); 
}; 

routes.js

const routes = (
    <Route path='/' component={Layout}> 
    <IndexRoute component={Home}/> 
    <Route path='courses' data={data} component={Course}>   
    </Route> 
); 

export default routes; 

Course.js

class Course extends React.Component { 
    static contextTypes = { 
    router: React.PropTypes.object, 
    }; 

    componentWillMount() { 
    this.props.dispatch(fetchVocabulary()); 
    }; 

    render() { 
    console.log(this.props.words); 
    return (
     <div> 
     ... 
     </div> 
    ); 
    }; 
} 

export default connect((store) => { 
    return { 
    words: store.vocabulary.words 
    }; 
})(Course); 

package.json

"react": "^15.4.1", 
"react-dom": "^15.4.1", 
"react-hot-loader": "^1.3.1", 
"react-redux": "^5.0.1", 
"react-router": "^3.0.0", 
"redux": "^3.6.0", 
"redux-logger": "^2.7.4", 
"redux-promise-middleware": "^4.2.0", 
"redux-thunk": "^2.1.0", 

Answer 1

あなたがbrowserHistoryを使用しているので、あなたはこれがアップ奉仕するconnect-history-api-fallbackを使用していますhistoryApiFallback

devServer: { 
     historyApiFallback:true 
    } 

を使用する必要がありますルートが他のファイルと一致せず、すべてのルートがこのファイルに関して行われる場合は3210