Mit browserHistory in reagieren-Router statt hashHistory bricht mir das Laden der Seite

Question

Wenn ich diese Zeile <Router history={hashHistory}>-<Router history={browserHistory}> ändern, in

<Router history={hashHistory}> 
     <Route path="/" component={M}/> 
     <Route path="/a" component={A}/> 
     <Route path="/b" component={B}/> 
     <Route path="/c" component={C}/> 
     <Route path="/d" component={D}/> 
</Router>, 

meine Seiten Laden zu stoppen. Ich bekomme diesen Fehler Warning: [react-router] Location "/dist/index.html#/b?_k=xm0tin" did not match any routes. Bitte helfen Sie mir, dieses Problem zu beheben.

Answer 1

Ich mache hier eine Annahme, aber wenn Sie die Beispiele im Web durchlaufen und webpack verwenden, müssen Sie ein paar Dinge tun (Ich habe das gleiche Problem als auch das lernen) diese

In Ihrem webpack.config.js hinzufügen:

devServer: { 
    historyApiFallback: true 
    } 

Hier ist ein Ticket, das erklärt, warum dies notwendig ist: https://github.com/reactjs/react-router/issues/676

Und dann müssen Sie sicherstellen, dass Ihre konsolidierte js-Datei (bundle.js wird typischerweise referenziert korrekt in der Datei index.html, wie unten:

<script src="/bundle.js"></script> 

Beachten Sie die/vor bundle.js