8 (499) 346-7733
8 (926) 148-7733
МНОГОКАНАЛЬНЫЕ

Ошибка export 'default' (imported as 'Chart') was not found in 'chart.js'

Ошибка export 'default' (imported as 'Chart') was not found in 'chart.js'

Ошибка export 'default' (imported as 'Chart') was not found in 'chart.js'

vue-chartjs - это обёртка для библиотеки Chart.js на фреймворке Vue.js . Chart.js позволяет строить линейные, столбчатые диаграммы и много другое, поэтому эта штука весь востребована среди веб-разработчиков.

Vue.js очень популярен, поэтому vue-chartjs - вещь очень нужная!

Однако, в последнее время, при создании новых проектов, допустим на таком классном инструменте, как Laravel 8, в которых хотелось бы использовать, и Vue.js, и Chart.js, часто возникает ошибка:

export 'default' (imported as 'Chart') was not found in 'chart.js'

... т.е. не удается найти модуль 'chart.js'

Так вот, возникает она из-за того, что версии vue-chartjs не поспевают за последними версиями Chart.js. А когда вы запускаете команду npm install vue-chartjs chart.js --save в своём проекте, то на выходе получаете самые последние версии vue-chartjs и chart.js, у которых может быть несовместимость.

Решение очень простое - вам нужно просто понизить версию chart.js, и всё!

Для этого запускаете две команды:

npm uninstall chart.js --save

npm iinstall chart.js@2.9.0

Версия chart.js 2.9.0 показана для примера, можете выбрать любую в разделе Versions у производителя: https://www.npmjs.com/package/chart.js

Удачных вам проектов! ;)

22.04.2021

Возврат к списку