Why Does Nuxt Give Me This Error With Vue-chartjs?

I get this error while trying to make vue-chartjs work WARN in ./node_modules/vue-chartjs/es/BaseCharts.js 'export 'default' (imported as 'Chart') was not found in 'chart.js' A

Solution 1:

Chart.js has a new release version with 3.0.x. I think, vue-chartjs does not support it yet.

You can downgrade chart.js and try again.

ChartJS [3.0.1 - Published 2 days ago] https://www.npmjs.com/package/chart.js?activeTab=readme

And there is a vue-chartjs issue about 22 hours ago. https://github.com/apertureless/vue-chartjs/issues/695

Solution 2:

chart.js version above 3.0.0 is not compatible, you need to downgrade chart.js npm install chart.js@2.9.4

This has solved my issue

Solution 3:

maybe its a bit late but I have to give the answer,

what you need is to change the version of both libraries

npm install chart.js@2.7.1 vue-chartjs@3.4.0--save

it works fine in vue2

Solution 4:

yarn add vue-chartjs chart.js@2.9.4

if you are using yarn