reagieren Router hat keine Routen

Question

Ich versuche, die Seite auf eine andere Komponente umzuleiten, und ich bekomme did not match any route Fehler.

Reagieren Router Version:

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

Webpack.config Datei: Ausgabe:

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

App Start:

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

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

meine Route.js Datei:

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

Link-Element:

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

Fehler: Adresse:

die Adresse korrekt aussieht, aber es ist immer noch diesen Fehler zu werfen, wenn eindeutig eine Komponente an diese Adresse zugeordnet ist. Ich muss etwas falsch machen.

Answer 1

i Dieses Problem wurde gelöst, indem einfach ein '/' vor dem Umfragedetail hinzugefügt wurde. so was.

<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

Sie benötigen vollständigen Pfad zu verwenden und nicht den Schrägstrich benötigen, müssen Sie auch publicPath: '/'

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

setzen -

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

wenn Sie publicPath verwenden möchten, können Sie müssen Sie einen Basisnamen für Ihren Verlauf hinzufügen How to configure a basename in React Router 3.x