javascript - 类型错误 : Cannot read property 'defaults' of undefined when using the react wrapper of chartjs

Question

我正在尝试使用 chart.js 的 react 包装器，但我遇到了问题。
当我尝试添加图表时，出现错误 ("
TypeError:无法读取未定义的属性“默认值”)
代码如下:

import React, { useState, useEffect } from 'react';
import api from '../../services/API';
import './Graph.css';
import { Line } from 'react-chartjs-2';

export default function Graph() {
    const [dataChart, setDataChart] = useState({ });

    useEffect(() => {
        const abortController = new AbortController();
        const signal = abortController.signal;
        const getData = async() => {
            let confirmedCases = [];
            let dateOfCases = [];
            await api.get('btt-prices', {signal: signal})
            .then ( resp => {
                for (const dataObj of resp.data ) {
                    console.log( dataObj )
                    confirmedCases.push(dataObj.price);
                    let tempDate = new Date (dataObj.date);
                    dateOfCases.push(tempDate.getUTCDate());
                }
            });
            
            setDataChart({ 
                labels: dateOfCases, 
                datasets: [{ 
                  label: 'Confirmed cases', 
                  data: confirmedCases 
                }]
            });
    
            //console.log(dataChart)
        }

        getData();
        return () => {
            abortController.abort();
        }
    }, []);
    
    return(
        <div className='container'>
            <Line data={ dataChart }/>
        </div>   
    );
}

显示的错误如下:

TypeError: Cannot read property 'defaults' of undefined
(anonymous function)
C:/Users/e/Desktop/test/front/node_modules/react-chartjs-2/es/index.js:643
  640 | }(_react["default"].Component);
  641 | 
  642 | exports.Scatter = Scatter;
> 643 | var defaults = _chart["default"].defaults;
  644 | exports.defaults = defaults;

我试图搜索它，但我看不到任何解决方案......我试图再次安装chartjs(除了react-chartjs)以防万一，但错误仍然存​​在。
我该如何解决这个错误
谢谢!

Answer 1

您正在运行哪个版本的 chart.js，因为如果您重新安装它，您很有可能正在运行 lib 的第 3 版，该版本目前仍与包装器不兼容，因此您必须安装最新的第 2 版图表.js (2.9.4)