Почему приложение Cru sh с перезарядкой компонентов? - PullRequest
Новая
       19

Почему приложение Cru sh с перезарядкой компонентов?

3 голосов
/ 17 апреля 2020

Я использую перезарядки в своем проекте (см. Пример) и иногда на всех страницах, где я использую компоненты recahrts, я получаю сообщение об ошибке (см. Ошибку), мое приложение Cru sh, затем я переустанавливаю узлы модулей, и они запускаются Работа. Я использую recharts@1.7.1 версию. Я не понимаю, почему появилась эта ошибка и как ее устранить. Буду благодарен за помощь. 

  {dataWithoutNullValue.length > 0 && windowWidth &&
                        <PieChart width={windowWidth < 500 ? 300 : 500} height={windowWidth < 400 ? 350 : 400} >
                            <Pie
                                data={dataWithoutNullValue}
                                innerRadius={90}
                                outerRadius={125}
                                paddingAngle={5}
                                dataKey="value"
                                isAnimationActive={false}
                                label={windowWidth > 500 && renderCustomizedLabel}
                            >
                                {
                                    dataWithoutNullValue.map((entry, index) => <Cell key={`cell-${index}`} fill={COLORS[index % COLORS.length]} />)
                                }
                            </Pie>
                            {windowWidth < 500 && <Legend dataKey="value" />}
                        </PieChart>}


Error

     ChartUtils.js:133 Uncaught TypeError: validateData.map is not a function
        at getDomainOfDataByKey (ChartUtils.js:133)
        at generateCategoricalChart.js:1019
        at Array.reduce (<anonymous>)
        at CategoricalChartWrapper.getAxisMapByAxes (generateCategoricalChart.js:995)
        at CategoricalChartWrapper.getAxisMapByAxes (react-hot-loader.development.js:724)
        at CategoricalChartWrapper.getAxisMap (generateCategoricalChart.js:942)
        at CategoricalChartWrapper.getAxisMap (react-hot-loader.development.js:724)
        at generateCategoricalChart.js:1598
        at Array.reduce (<anonymous>)
        at CategoricalChartWrapper.updateStateOfAxisMapsOffsetAndStackGroups (generateCategoricalChart.js:1596)
        at CategoricalChartWrapper.updateStateOfAxisMapsOffsetAndStackGroups (react-hot-loader.development.js:724)
        at new BarChart (generateCategoricalChart.js:830)
        at new BarChart (eval at ES6ProxyComponentFactory (react-hot-loader.development.js:337), <anonymous>:14:7)
        at constructClassInstance (react-dom.development.js:12923)
        at updateClassComponent (react-dom.development.js:17060)
        at beginWork (react-dom.development.js:18538)
        at HTMLUnknownElement.callCallback (react-dom.development.js:189)
        at Object.invokeGuardedCallbackDev (react-dom.development.js:238)
        at invokeGuardedCallback (react-dom.development.js:291)
        at beginWork$1 (react-dom.development.js:23078)
        at performUnitOfWork (react-dom.development.js:22042)
        at workLoopSync (react-dom.development.js:22018)
        at performSyncWorkOnRoot (react-dom.development.js:21636)
        at react-dom.development.js:11148
        at unstable_runWithPriority (scheduler.development.js:659)
        at runWithPriority$1 (react-dom.development.js:11094)
        at flushSyncCallbackQueueImpl (react-dom.development.js:11143)
        at flushSyncCallbackQueue (react-dom.development.js:11131)
        at scheduleUpdateOnFiber (react-dom.development.js:21079)
        at Object.enqueueSetState (react-dom.development.js:12693)
        at Connect.push../node_modules/react/cjs/react.development.js.Component.setState (react.development.js:464)
        at Connect.onStateChange (connectAdvanced.js:205)
        at Connect.onStateChange (react-hot-loader.development.js:724)
        at Object.notify (Subscription.js:23)
        at Subscription.notifyNestedSubs (Subscription.js:60)
        at Connect.onStateChange (connectAdvanced.js:202)
        at Connect.onStateChange (react-hot-loader.development.js:724)
        at Object.notify (Subscription.js:23)
        at Subscription.notifyNestedSubs (Subscription.js:60)
        at Connect.onStateChange (connectAdvanced.js:202)
        at Connect.onStateChange (react-hot-loader.development.js:724)
        at Object.dispatch (redux.js:222)
        at e (<anonymous>:1:40553)
        at index.js:11
        at middleware.js:13
        at middleware.js:72
        at dispatch (redux.js:640)
        at index.js:196
...