問題タブ [react-router-redux]

redux-simple-router で react-router を使用する場合 (問題が発生する場合と発生しない場合があります)、すべてのナビゲーション項目リンクに require.ensure がある限り、クリックするまでリンクはアクティブ状態に変わりませんリンクをクリックした後、ページの別の場所に移動します。

ステップバイステップ：

1. ページをロードします。すべて順調
2. a をクリックする<Link />とビューが変わります。ただし、リンクはナビゲーション項目のアクティブ状態を更新していません
3. ページの本文などのどこかをクリックすると、アクティブな状態が現在のナビゲーション項目に正しく表示され、前のナビゲーション項目から外れます

これは使用前には発生せrequire.ensureず0.bundle.js、bundle.js. 現在、各リンクが*.bundle.js各ビューの新しいファイルを作成するローカル環境でのみ発生します。

ルートの例:

そして私のルーター：

私のナビゲーションでは、これがあります：

私はreact-router（redux-simple-router、fwiwを使用）を使用して単純なことに苦労しています。

次のように定義された基本的なルートがいくつかあります。

ScheduledReportListのrednerメソッドには、mineパラメーターを処理する機能と、小道具の存在（または欠如）を処理するロジックがありますname（関係のない部分を切り取ります）。

私の問題は次のとおりです。クライアント側では、かなりうまくナビゲートできます。routeActions.replace()またはを呼び出すアンカーまたはスパンを使用すると、routeActions.push()すべて問題ありません。問題は特に、「深い」パス (つまり、スラッシュが含まれるパス: /reports/fooReportvs /all) にいるときにページを更新するか、ページに直接移動しようとした場合です。/reports/fooサーバー側でページをロードしようとするとSyntaxError: expected expression, got '<'、webpack js をロードする index.html が予期されていないかのように、エラーが発生します。/mine に問題なく移動できますが、これは意味がありません。

これを直接ナビゲーションと間接ナビゲーションの両方で機能させるために欠けている簡単なことは何ですか? ありがとう！

react+ react-router+ redux+をセットアップしようとしましたがredux-simple-router、成功しませんでした。redux-simple-routerミックスに追加するまで、すべてが正常に機能しているように見えます。

"[TypeError: Cannot read property 'listen' of undefined]BrowserHistory オブジェクトを渡していますが。

ここにコードがあります -

注:を使用して高速サーバーで反応テンプレートをコンパイルしていることを発見しましたrenderToString()。それが定義されていない理由ですか?? 私は何をしますか？

注2：代わりimport BrowserHistory from 'react-router/lib/BrowserHistory'に私が得た場合

TypeError: history.listen is not a function;

私は国際化の実装を行っています。私は自分のルートを持っていて、/:locale/rest/of/routeロードされているロケールに応じて辞書を渡したいと思っています。これは、ルート構成で行うとクールです。しかし、私はすべてのコンテナでこれを行うことしか考えられません。しかし、私の主な不確実性は、コードの重複です。(各コンテナ内this.props.dictionary[this.props.route.locale])

このコードの重複を避ける方法はありますか?

ここに私の設定ファイルがあります：