Reaction slingshot - 反応しているルータサブルートを使用しているときにhot-update.jsonで404を返すWebpackホットミドルウェア

Question

私のreact/reduxアプリケーション用の反応slingshotスタータープロジェクトを使用しています。 /fooのようなルートを使用するとホットリロードがうまくいくが、ホットリロードは/foo/barのようなサブルートでは動作していないことがわかった。

<Route path="/" component={App}> 
    <Route path="login" component={Login} /> 
    <Route path="orders" component={OrderPanel} /> 
    <Route path="orders/create" component={CreateOrder} /> 
    <Route path="*" component={NotFoundPage} /> 
</Route> 

：私はここ https://github.com/coryhouse/react-slingshot/blob/master/webpack.config.js

を見つけることができますすぐにWebPACKの設定ファイルへの変更、私は次のルートの設定を持っているとき、私はCreateOrderコンポーネントに404 GET http://localhost:3004/orders/c344e97ed1fbc2923017.hot-update.json 404 (Not Found)を得るを加えていません

しかし、注文/作成から作成するまでのパスを変更すると、404は返されません。

ホットアップデートミドルウェアが/ ordersサブルートからhot-update.jsonを取得しようとしているようです？

Answer 1

この問題を抱えている人は誰でも、以前のバージョンのslingshotを使用しています。 これも交換することによりissue 75に言及し、here修正されました：

publicPath: '', 

publicPath: '/', 

UPDATE

webpack.config.jsで

で： publicPathを開始し、スラッシュで終了することがあるのreducktedコメントから。置き換え：

publicPath: 'dist/', 

publicPath: '/dist/', 

Answer 2

publicPathの設定で私のための問題ではありませんでした。 reduxを使用している場合は、これを試すことができます。

ランダムな理由のためにredux-devtoolsは私にホットリロードを許可していませんでした。ルートコンポーネントとredux composeの設定から削除してください。

注：お店の設定で、この設定で使用Reduxのdevtoolブラウザ拡張機能：またwindow.devToolsExtension ? window.devToolsExtension() : f => f

、読まなければならない：https://medium.com/@rajaraodv/webpacks-hmr-react-hot-loader-the-missing-manual-232336dc0d96#.ejpsmve8f

をまたはホットリロード3を試してみてください： 例：https://github.com/gaearon/redux-devtools/commit/64f58b7010a1b2a71ad16716eb37ac1031f93915