2016-07-05 5 views
1

Ich entwickle eine React App und benutze react-router. Wenn ich die App lokal über den Dev-Server laufe, dann alles gut, aber nachdem ich es gebündelt habe, dann bekomme ich beim Besuch der Seite "history.listen ist keine Funktion".react-router - history.listen ist keine Funktion

Hier sind die Paketversionen habe ich installiert:

[email protected] 
[email protected] 
[email protected] 
[email protected] 

Hier ist, wie ich den Router anschließen:

import React from 'react'; 
import ReactDOM from 'react-dom'; 
import { browserHistory } from 'react-router' 
import { syncHistoryWithStore } from 'react-router-redux' 

import { configureStore } from './store/configureStore'; 
import { Root } from './containers/Root'; 

const store = configureStore(); 
const history = syncHistoryWithStore(browserHistory, store) 

ReactDOM.render(
    <Root store={store} history={history} />, 
    document.getElementById('root') 
); 

Und hier ist der Fehler, den ich in der JS-Konsole sehen - useQueries.js ist in History-Modul, das von React-Router verwendet wird: Developer Tools panel in Chrome

Ich würde mich über jede Eingabe oder Vorschlag freuen. Gerne weitere Details zu liefern.

Prost!

+0

in VerwendungQueries.js, wie werden Sie Geschichte instanziieren? –

+0

Hallo, das ist nicht mein JS, es ist Teil der installierten Pakete. Sie können sehen, wie ich es in dem von mir bereitgestellten Snippet instanziiere - mit syncHistoryWithStore von react-router-redux. Vielen Dank! – justabuzz

+0

Wenn dies in einem Paket ist, hat es wahrscheinlich nichts mit der Instanz zu tun, die Sie erstellen –

Antwort

0

OK, ich kehrte nach einiger Zeit zu diesem Code zurück und fand einen Tippfehler in der Produktionskonfigurationsdatei. Also - alles gut! :)