为什么我的chart.js图表不能在React中呈现？

npm install chart.js react-chartjs-2

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

const data = {
  labels: ['Red', 'Blue', 'Yellow', 'Green', 'Purple', 'Orange'],
  datasets: [
    {
      label: '# of Votes',
      data: [12, 19, 3, 5, 2, 3],
      backgroundColor: 'rgba(75, 192, 192, 0.2)',
      borderColor: 'rgba(75, 192, 192, 1)',
      borderWidth: 1,
    },
  ],
};

const options = {
  scales: {
    y: {
      beginAtZero: true,
    },
  },
};

// 在组件中使用
<Line data={data} options={options} />

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

const ChartComponent = () => {
  const data = {
    // 数据配置
  };

  const options = {
    // 图表配置
  };

  return (
    <div>
      <h1>Chart Example</h1>
      <Line data={data} options={options} />
    </div>
  );
};

export default ChartComponent;