Module not found: Can't resolve 'chart.js/auto

[mjvithesh]

./node_modules/react-chartjs-2/dist/index.modern.js
Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\win10\Desktop\project\covid-19-tracker\node_modules\react-chartjs-2\dist'

"chart.js": "^2.9.4",
"react-chartjs-2": "^3.0.3",

[LeeLenaleee]

You are trying to use V3 way of importing instead of V2: import Chart from 'chart.js'

V2 docs: https://www.chartjs.org/docs/2.9.4/

Might need to downgrade react or upgrade charts idk which version it depends on

[mjvithesh]

What is the correct import?
I am importing from react-chart-js

[mjvithesh]

if i upgrade to latest version, i am getting this error

./node_modules/chart.js/dist/chart.esm.js
Module parse failed: Unexpected token (6813:12)
You may need an appropriate loader to handle this file type.
| if (intermediateIndex1 !== startIndex && intermediateIndex1 !== lastIndex) {
| decimated.push({
| ...data[intermediateIndex1],
| x: avgX,
| });

[etimberg]

For 2.9.4, you can follow the old docs: https://www.chartjs.org/docs/2.9.4/getting-started/integration.html

I'm not sure what that specific error is, but it seems like you need Babel or another transpiler to use the ...data[intermediateIndex1] syntax

[nipungoyal01]

Include "react-chartjs-2": "^3.0.0" into your react

./node_modules/react-chartjs-2/dist/index.modern.js
Module not found: Can't resolve 'chart.js/auto' in 'C:\Users\win10\Desktop\project\covid-19-tracker\node_modules\react-chartjs-2\dist'

"chart.js": "^2.9.4",
"react-chartjs-2": "^3.0.3",

Inlcude "react-chartjs-2": "^3.0.0" in your package. json file