反応ルータDomとTypescriptはGETできません

私はTSに基づいて簡単な反応プロジェクトを持ち、webpackを使用しています。私の問題は、ルータは大丈夫です、すべてが正しくリダイレクトされ、正常に動作しますが、私はページをリフレッシュするときにエラーが発生しないということです。反応ルータDomとTypescriptはGETできません

index.tsx

ReactDOM.render(
<div> 
    <Router> 
    <div className="App"> 
     <Route exact path='/' component={Lessons}/> 
     <Route path='/watch/:name' component={CurrentLesson}/>  
    </div> 
    </Router> 
</div>, 
document.getElementById("example"));

webpack.config.js

module.exports = { 
entry: "./src/index.tsx", 
output: { 
    filename: "bundle.js", 
    path: __dirname + "/dist", 
    publicPath: '/' 
}, 

plugins: [ 
    new webpack.HotModuleReplacementPlugin() 
], 

devtool: "source-map", 

resolve: { 
    extensions: [".ts", ".tsx", ".js", ".json"] 
}, 

module: { 
    loaders: [ 
     { 
      test: /\.tsx?$/, 
      loader: "awesome-typescript-loader" 
     } 
     ] 
}, 

externals: { 
    "react": "React", 
    "react-dom": "ReactDOM" 
}, 

devServer: { 
    historyApiFallback: true, 
    hot: true 
}};

私はそれが歴史に問題があるかもしれ読まなく、WebPACKのための推奨事項はoutput.PublicPathとdevServerを入れていました.historyApiFallbackと反応ルータのための歴史オブジェクトを渡すが、私は反応ルータのDOMを使用して以来、それはすでに歴史オブジェクトを持っていると私は純粋なES6で全く同じプロジェクトを書くときに、私は種類/反応-ルータ-DOM 4.0.xのバージョン@ istalledと私はそれを得るリフレッシュ/時計/一部-PARAMに

出典

2017-09-04 Nikolai Asparuhov