Example with webpack?

[pavelloz]

Hey,

Im trying to upgrade project wit 2.x Chart.js for the past X hours and im close to giving up. Does anyone have a working example with v3 usign es modules (import Chart from..)?

Errors are the same as in this thread from couple years back: #5179

The same code works for v2, breaks for v3.

v3 is just throwing:

export 'default' (imported as 'Chart') was not found in 'chart.js' (possible exports: Animation, Animations, ArcElement, BarController, BarElement, BasePlatform, BasicPlatform, BubbleController, CategoryScale, Chart, DatasetController, Decimation, DomPlatform, DoughnutController, Element, Filler, Interaction, Legend, LineController, LineElement, LinearScale, LogarithmicScale, PieController, PointElement, PolarAreaController, RadarController, RadialLinearScale, Scale, ScatterController, Ticks, TimeScale, TimeSeriesScale, Title, Tooltip, _adapters, animator, controllers, defaults, elements, layouts, plugins, registerables, registry, scales)

(notice, there is Chart on the list, so this is suspicious)

when i import like documentation says i should import:

import Chart from "chart.js";

I already tried importing chart.js/dist/chart.esm.js
chart.js/auto.esm.js
And couple other... i basically tried everything i could find on the internet and in the node_modules/

[kurkle]

The quick answer is import Chart from "chart.js/auto";, for details take a look here: https://www.chartjs.org/docs/latest/getting-started/integration.html#bundlers-webpack-rollup-etc

[pavelloz]

import Chart from "chart.js/auto"; is not working, as i wrote in the issue.

Just after creating the issue i tried one last thing:

import { Chart } from "chart.js";

And this is the correct answer.