如何在codeandbox中使用require(chart.js)

我试图在代码沙盒中执行此操作：

const Chart = require("chart.js");
  plot() {
    this.chart = new Chart(this.chartRef.current,{
     ..
          }
        ]
      }
    });
  }

但是，我在 require 上遇到错误：

Cannot find name 'require'.

还有那个Chart is not a constructor

我也尝试将其替换为

import Chart from chart.js

但这也不起作用。如何修复我的代码和盒子？这是一个链接

要加载和注册所有内容，请尝试：

import Chart from 'chart.js/auto';

...这是...的缩写

import { Chart,registerables } from 'chart.js';
Chart.register(...registerables);

...这又是单独导入和注册每个部分的缩写。有关更多示例，请参阅 documentation。

Chart 类作为命名导出导出。

使用：import {Chart} from 'chart.js'