Блог

Я новичок в том, чтобы реагировать. Я пытаюсь использовать 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
 

Что я делаю не так?

Разобрался в проблеме. chart.js только что был обновлен с версии 2.x до 3.x — есть несколько важных изменений, которые реагируют-chartjs-2 еще не обновлен. Я понизил рейтинг chart.js версия до 2.9.4 и заставил ее работать:

  npm install chart.js@2.9.4