React-Router wird nicht Komponente auf direkt aktualisieren laden

Question

Ich bin ein wierd Fehler für die folgenden Router spec mit Blick auf

<Provider store={store}> 
    <Router history={history}> 
     <Route path="/" component={AppContainer}> 
     <IndexRoute component={Home}/> 
     <Route path="projects" component={ProjectContainer} /> 
     <Route path="projects/new" component={newProject} /> 
     </Route> 
    </Router> 
    </Provider>,document.getElementById('app') 

ich in der Lage bin zu / und /projects zu navigieren, indem Sie direkt die URL in den Browser eingeben . aber es funktioniert nicht für /projects/new. die Seite ist einfach leer (nicht einmal die Standard-cannot GET /projects/new. Ich kann nur durch die Navigation von /projects oder / Seiten auf die URL navigieren.

Mein historyApifallback in webpack auf true gesetzt ist. Wo ich falsch gehe?

Edit: das ist das unter console.log beim Laden/Projekten/new

new:8 GET http://localhost:8080/projects/styles.css 
new:18 GET http://localhost:8080/projects/bundle.js 

mein index.html Suche nach dem js und CSS-Dateien in/Eltern zu sein scheint, während es in root

befinden sollte

<link rel="stylesheet" href="styles.css"> 

    <script src="bundle.js" charset="utf-8"></script> 

Answer 1

In Ihrem <script> Tags src Attribut, setzen Sie einen Schrägstrich in der Front (z /bundle.js). Auf diese Weise wird root immer als Basispfad verwendet.