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:
Ich würde mich über jede Eingabe oder Vorschlag freuen. Gerne weitere Details zu liefern.
Prost!
in VerwendungQueries.js, wie werden Sie Geschichte instanziieren? –
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
Wenn dies in einem Paket ist, hat es wahrscheinlich nichts mit der Instanz zu tun, die Sie erstellen –