为什么通过导入react-chartjs-2会出现运行时错误

Question

我是个新手。我正在尝试使用charjs作为react组件。

只要我添加以下import语句，我就会得到一个运行时错误：

import { Bar } from 'react-chartjs-2';

运行时错误：

​

​

组件是否编译并导致上述错误？

组件代码：

import React from 'react';
import { Bar } from 'react-chartjs-2';

const BarChart = () => {
    return (
        <div>
            Bar Chart
        </div>
    )
}

export default BarChart

我做错了什么？

Answer 1

弄清楚了问题所在。chart.js刚刚从2.x版本升级到3.x -有几个突破性的变化，react-chartjs-2还没有更新。我将chart.js版本降级到2.9.4，并使其正常工作：

 npm install chart.js@2.9.4