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

Question

我是 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

我做错了什么？

Answer 1

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

 npm install chart.js@2.9.4

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

why am I getting a runtime error by importing react-chartjs-2

reactjs

react-chartjs-2