reactjs - 为什么我通过导入 react-chartjs-2 得到运行时错误

Question

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

添加以下导入语句后，我会立即收到运行时错误：

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

我究竟做错了什么？

标签： reactjsreact-chartjs-2

Answer 1

想通了这个问题。chart.js 刚刚从版本 2.x 升级到 3.x - react-chartjs-2 尚未更新的几个重大更改。我将 chart.js 版本降级到 2.9.4 并让它工作：

 npm install chart.js@2.9.4