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

问题描述

我是 React 的新手。我正在尝试使用 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

我做错了什么？

解决方法

解决了这个问题。 chart.js 刚刚从 2.x 版本升级到 3.x - react-chartjs-2 还没有更新几个重大变化。 我将 chart.js 版本降级到 2.9.4 并使其正常工作：

 npm install chart.js@2.9.4