反応ルータがどのルートとも一致しません

Question

私は別のコンポーネントにページをリダイレクトしようとしていますが、私はdid not match any routeエラーを受け取ります。

"react-router": "2.4.0", 
"react-router-redux": "4.0.4", 

Webpack.configファイル：出力：

output: { 
    path: __dirname + '/dist', 
    publicPath: '/SurveyMaintenance/', 
    filename: 'bundle.js' 
    } 

アプリの起動：

import {Router, browserHistory} from 'react-router'; 
import routes from './routes'; 

    <Provider store={store}> 
     <Router history={browserHistory} routes={routes} /> 
    </Provider>, 
    document.getElementById('app') 
); 

私Route.jsファイル：

<Route path="SurveyMaintenance/" component={App}> 
     <IndexRoute component={SurveyMaintenancePage}/> 
     <Route path="surveydetail/:id" component={EditSurveyPage} /> 
    </Route> 

はルータバージョンに反応します

リンク要素：

<Link to={`surveydetail/${survey.Id}`} onClick={editSurvey}></Link> 

エラー： 住所：

アドレスが正しいに見えるが、明らかにそのアドレスに割り当てられているコンポーネントがある場合、まだそのはこのエラーを投げます。 私は間違ったことをする必要があります。あなたは完全なパスを使用する必要があり、最後のスラッシュを必要としない、あなたもpublicPath: '/'

<Route path="SurveyMaintenance" component={App}> 
      <IndexRoute component={SurveyMaintenancePage}/> 
      <Route path="surveydetail/:id" component={EditSurveyPage} /> 
     </Route> 

設定する必要が

Answer 1

私はsurveydetailの前に '/'を追加するだけでこの問題を解決しました。このような。

<Route path="SurveyMaintenance" component={App}> 
      <IndexRoute component={SurveyMaintenancePage}/> 
      <Route path="/surveydetail/:id" component={EditSurveyPage} /> 
     </Route> 

<Link to={`surveydetail/${survey.Id}`} onClick={editSurvey}></Link> 

私はちょうどあなたがお勧めとアドレス何しようとした

Answer 2

- あなたはpublicPathを使用したい場合は

<Link to={`/SurveyMaintenance/surveydetail/${survey.Id}`} onClick={editSurvey}></Link> 

を、あなたはこのような履歴のベース名を追加する必要があります How to configure a basename in React Router 3.x