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

Question

我试图在 codesandbox 中执行此操作：

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

但这也行不通。我该如何修复我的codesandbox？这是一个 link

Answer 1

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

import Chart from 'chart.js/auto';

...这是...的缩写...

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

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

Answer 2

Chart class 作为命名导出导出。

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

how to use require(chart.js) in codesandbox