2017-12-28 9 views
1

Windowsの場合、https://github.com/CatalystCode/ibex-dashboardの手順に従ってIBEXダッシュボードをセットアップしました。timeline.tsに変更を加えて、うまく動作するtimespanオプションを追加しました。私はJS縮小さファイルに同じ変更を加える場合は、マップが正常に動作しますが、あなたが想像できるようにはしませんIBEXダッシュボードマップは、ビルド成功後に破損します

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) 

問題は後のマップは次のエラーでマウスのオーバー壊しているの構築であります長期的に働きます。

ビルド時に変更が発生する原因となっているセットアップの違いを理解しようとしています。

答えて

1

私はこれが原因で、マッププラグインの原因かもしれないと思う: https://github.com/YUzhva/react-leaflet-markercluster/issues/55

私もこの問題を得たが、これにコードを変更:

./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

すると、私は今、変更を行ったと実行中: '未処理の拒否(エラー):無効なLatLngオブジェクト:(未定義、未定義) ▶43のスタックフレームが崩壊しました。 (匿名関数) C:/Source/Brightline/Sandbox/IbexDashboard/client/src/components/generic/MapData.tsx:137 134 | a.lng> b.lng? 1: 135 | a.lng 137 | this.setState({マーカー}); 138 | } 139 | }); 140 | } –

+0

これを試してください(緯度/経度のままにしてポップアップを削除することを意味します)。 markers.push({lat:results [0] .y、lng:results [0] .x}); –

関連する問題