我尝试使用react-chartjs-2实现chartjs，但遇到了以下错误。我使用的是以下版本：

"chart.js": "^4.1.2",
"react-chartjs-2": "^5.2.0",

我甚至试着降级一个版本，但没有任何运气。我有

"type": "module",

在package.json中，我尝试将该库用于以下导入：

import {
      Chart as ChartJS,
      CategoryScale,
      LinearScale,
      BarElement,
      Title,
      Tooltip,
      Legend,
    } from 'chart.js';
import { Bar } from 'react-chartjs-2';

ChartJS.register(
    CategoryScale,
    LinearScale,
    BarElement,
    Title,
    Tooltip,
    Legend
  );

  const options = {
    responsive: true,
    plugins: {
      legend: {
        position: 'top',
      },
      title: {
        display: true,
        text: 'Chart.js Bar Chart',
      },
    },
  };

  const labels = [
    'January',
    'February',
    'March',
    'April',
    'May',
    'June',
    'July',
  ];

  const data = {
    labels,
    datasets: [
      {
        label: 'Dataset 1',
        data: labels.map(() =>
          faker.datatype.number({ min: 0, max: 1000 })
        ),
        backgroundColor: 'rgba(255, 99, 132, 0.5)',
      },
      {
        label: 'Dataset 2',
        data: labels.map(() =>
          faker.datatype.number({ min: 0, max: 1000 })
        ),
        backgroundColor: 'rgba(53, 162, 235, 0.5)',
      },
    ],
  };

接下来是我的大部分的一部分。

<Bar options={options} data={data} />

我尝试了不同的方法导入库，但仍然不起作用。有人知道为什么吗？任何帮助都非常感谢。

会不会是webpack之类的东西？