2017-12-28 4 views
1

Ich habe IBEX Armaturenbrett gemäß Anweisungen unter https://github.com/CatalystCode/ibex-dashboard auf Windows 10 eingerichtet. Ich habe Änderungen in timeline.ts vorgenommen, um mehr Zeitspannenoptionen zu haben, die gut funktionieren.IBEX Dashboard Karten brechen nach erfolgreichem Build

Problem wird nach Karten baut auf der Maus über die mit folgendem Fehler zu brechen:

react-leaflet-markercluster.min.js:1 Uncaught TypeError: Converting circular structure to JSON 
at JSON.stringify (<anonymous>) 
at isArraysEqual (react-leaflet-markercluster.min.js:1) 
at r.value (react-leaflet-markercluster.min.js:1) 
at ReactCompositeComponent.js:610 
at measureLifeCyclePerf (ReactCompositeComponent.js:75) 
at ReactCompositeComponentWrapper.updateComponent (ReactCompositeComponent.js:609) 
at ReactCompositeComponentWrapper.receiveComponent (ReactCompositeComponent.js:546) 
at Object.receiveComponent (ReactReconciler.js:124) 
at Object.updateChildren (ReactChildReconciler.js:109) 
at ReactDOMComponent._reconcilerUpdateChildren (ReactMultiChild.js:206) 
at ReactDOMComponent._updateChildren (ReactMultiChild.js:310) 
at ReactDOMComponent.updateChildren (ReactMultiChild.js:297) 
at ReactDOMComponent._updateDOMChildren (ReactDOMComponent.js:942) 
at ReactDOMComponent.updateComponent (ReactDOMComponent.js:760) 
at ReactDOMComponent.receiveComponent (ReactDOMComponent.js:722) 
at Object.receiveComponent (ReactReconciler.js:124) 
at ReactCompositeComponentWrapper._updateRenderedComponent (ReactCompositeComponent.js:753) 
at ReactCompositeComponentWrapper._performComponentUpdate (ReactCompositeComponent.js:723) 
at ReactCompositeComponentWrapper.updateComponent (ReactCompositeComponent.js:644) 
at ReactCompositeComponentWrapper.receiveComponent (ReactCompositeComponent.js:546) 
at Object.receiveComponent (ReactReconciler.js:124) 
at Object.updateChildren (ReactChildReconciler.js:109) 
at ReactDOMComponent._reconcilerUpdateChildren (ReactMultiChild.js:206) 
at ReactDOMComponent._updateChildren (ReactMultiChild.js:310) 
at ReactDOMComponent.updateChildren (ReactMultiChild.js:297) 
at ReactDOMComponent._updateDOMChildren (ReactDOMComponent.js:942) 
at ReactDOMComponent.updateComponent (ReactDOMComponent.js:760) 
at ReactDOMComponent.receiveComponent (ReactDOMComponent.js:722) 
at Object.receiveComponent (ReactReconciler.js:124) 
at ReactCompositeComponentWrapper._updateRenderedComponent (ReactCompositeComponent.js:753) 
at ReactCompositeComponentWrapper._performComponentUpdate (ReactCompositeComponent.js:723) 
at ReactCompositeComponentWrapper.updateComponent (ReactCompositeComponent.js:644) 
at ReactCompositeComponentWrapper.receiveComponent (ReactCompositeComponent.js:546) 
at Object.receiveComponent (ReactReconciler.js:124) 
at Object.updateChildren (ReactChildReconciler.js:109) 
at ReactDOMComponent._reconcilerUpdateChildren (ReactMultiChild.js:206) 
at ReactDOMComponent._updateChildren (ReactMultiChild.js:310) 
at ReactDOMComponent.updateChildren (ReactMultiChild.js:297) 
at ReactDOMComponent._updateDOMChildren (ReactDOMComponent.js:942) 
at ReactDOMComponent.updateComponent (ReactDOMComponent.js:760) 
at ReactDOMComponent.receiveComponent (ReactDOMComponent.js:722) 
at Object.receiveComponent (ReactReconciler.js:124) 
at ReactCompositeComponentWrapper._updateRenderedComponent (ReactCompositeComponent.js:753) 
at ReactCompositeComponentWrapper._performComponentUpdate (ReactCompositeComponent.js:723) 
at ReactCompositeComponentWrapper.updateComponent (ReactCompositeComponent.js:644) 
at ReactCompositeComponentWrapper.receiveComponent (ReactCompositeComponent.js:546) 
at Object.receiveComponent (ReactReconciler.js:124) 
at ReactCompositeComponentWrapper._updateRenderedComponent (ReactCompositeComponent.js:753) 
at ReactCompositeComponentWrapper._performComponentUpdate (ReactCompositeComponent.js:723) 
at ReactCompositeComponentWrapper.updateComponent (ReactCompositeComponent.js:644) 

Wenn ich die gleiche Änderung in der minimierte js Datei mache dann fein Karten funktionieren, aber wie man sich vorstellen kann, es wird nicht arbeiten langfristig.

Ich versuche herauszufinden, was ist anders an meinem Setup, das die brechende Änderung verursacht, wenn ich es baue.

Antwort

1

ich denke, das könnte wegen der Karte Plugin verursacht werden: https://github.com/YUzhva/react-leaflet-markercluster/issues/55

ich auch dieses Problem bekam, aber den Code zu ändern:

./client/src/components/generic/MapData.tsx:

promise.then(results => { 
    // let markupPopup = (popup && L.popup().setContent(popup)) || null; 

    if (results.length) { 
     markers.push({ position: [ results[0].y, results[0].x] }); 
    } 
    }); 
+0

Ich habe die Änderung und jetzt running in 'Unbehandelte Ablehnung (Error): Ungültiges LatLng-Objekt: (undefiniert, undefined) ▶ 43 Stack-Frames wurden zusammengebrochen. (anonyme Funktion) C: /Source/Brightline/Sandbox/IbexDashboard/client/src/components/generic/MapData.tsx: 137 134 | a.lng> b.lng? 1: 135 | a.lng 137 | this.setState ({Markierungen}); 138 | } 139 | }); 140 | } ' –

+0

Probieren Sie dies aus (was bedeutet, dass Sie das lat/lng verlassen und das Popup entfernen): markers.push ({lat: results [0] .y, lng: results [0] .x}); –

Verwandte Themen