2016-03-24 8 views
0

Ich versuche Redux-Router in einem Projekt zu verwenden, aber ich kann es nicht zum Laufen bringen.React.createElement Fehler mit ReduxRouter

Hier ist meine Routen Definition (teilweise):

export default function(store) { 
    return (
    <Route path="/" component={Main}> 
     [ALL NESTED ROUTES] 
    </Route> 
) 
} 

Meine Strecken gut mit reagieren-Router.

Und dann mein init-Code (teilweise):

import ReduxRouter from 'redux-router' 
import {Provider} from 'react-redux' 
[...] 

const routes = Routes(store); 

class Root extends Component { 
    render() { 
     return (
      <div> 
       <Provider store={store}> 
        <ReduxRouter>{routes}</ReduxRouter> 
       </Provider> 
      </div> 
     ); 
    } 
} 

ReactDOM.render(<Root />, document.getElementById('content')); 

ich folgende Fehlermeldung des createelement auf den ReduxRouter erhalten:

Warnung: React.createElement: Typ nicht null sein sollte, unbestimmt, Boolean oder Zahl. Es sollte eine Zeichenfolge (für DOM-Elemente) oder eine ReactClass (für zusammengesetzte Komponenten) sein.

ich folgende Fehlermeldung erhalten, wenn ich versuche, nur Konsole zu schreiben:

<ReduxRouter>{routes}</ReduxRouter> 

in der Konsole bekomme ich ein Symbol(react.element) mit richtigen Requisiten (meine Routen wie Kinder), aber mit Typ undefined

Als Folge ich dann:

Uncaught unveränderliche Verletzung: Typ Element ist ungültig: erwartet eine Zeichenfolge (für integrierte Komponenten) oder eine Klasse/Funktion (für Composite Komponenten), aber erhalten: undefiniert. Überprüfen Sie die Rendermethode Root.

Was fehlt mir?

Antwort

0

OK, das war ein dummer. Ich habe ReduxRouter nur falsch importiert.

Richtige Import ist:

import { ReduxRouter } from 'redux-router' 

Dank von Reactiflux @tomo, dass für den Hinweis auf!

Verwandte Themen