Module not found: Can't resolve 'apexcharts/dist/apexcharts.common'

[Gauthamjm007]

Failed to compile

./node_modules/react-apexcharts/dist/react-apexcharts.min.js
Module not found: Can't resolve 'apexcharts/dist/apexcharts.common' in 'Z:\React\misc-examples\node_modules\react-apexcharts\dist'

This error occurred during the build time and cannot be dismissed.

[junedchhipa]

Which versions of apexcharts and react-apexcharts are you using?

[Gauthamjm007]

"apexcharts": {
"version": "3.15.3",
"resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-3.15.3.tgz",
"integrity": "sha512-DfXhSqFaulF3C7YyMR77Jk4ESa66QjoqrBvxw3gLvRs5KK0fhmk0kuuWtxtpBulm2oWBVsi6VKHiy+YlBRPasg==",
"requires": {
"svg.draggable.js": "^2.2.2",
"svg.easing.js": "^2.0.0",
"svg.filter.js": "^2.0.2",
"svg.pathmorphing.js": "^0.1.3",
"svg.resize.js": "^1.4.3",
"svg.select.js": "^2.1.2"
}
}

"react-apexcharts": {
"version": "1.3.5",
"resolved": "https://registry.npmjs.org/react-apexcharts/-/react-apexcharts-1.3.5.tgz",
"integrity": "sha512-I7EQvmAR0ZdJNqbMqFD0RMgP3TzNt1qViQASEei0sUrlXa47nPdlSegPg/1HD2pOXEVt9TIgHvdMEILdJ6BFPg==",
"requires": {
"prop-types": "^15.5.7"
}
}

[Gauthamjm007]

• react-apexcharts@1.3.6
• apexcharts@3.15.3

I UPDATED react-apexcharts to 1.3.6 and the issue is fixed now

[jhvissotto]

Same bug here. Fixed nothing.
Btw, the official website doesn't running the charts in React too.

[junedchhipa]

@jhenriquevissotto Can you please tell me which page of the website isn't working?

[hieuplasma]

npm install --save react-apexcharts apexcharts

i ran this comman and my problem was solved

[bennycode]

Thanks for the solution! I had "react-apexcharts" installed but forgot to install "apexcharts". 🙈

[Simulanis-Dev-AvishPratapSingh]

by this command "npm install --save react-apexcharts apexcharts"
my problem solved. thnx

[skydev0112b]

I solved above command too.
thanks.

[V1CTOR-cloud]

this should be fix the problem

Resume solutions:

• Install react-apexcharts & apexcharts
  npm install react-apexcharts apexcharts # yarn add react-apexcharts apexcharts

not solved

• Try to add the dependencies separated
  react-apexcharts --> npm install react-apexcharts # or yarn add react-apexcharts
apexcharts --> npm install apexcharts # or yarn add apexcharts

[marl8n]

For mi the solution was importing the library as

import dynamic from 'next/dynamic'
const Chart = dynamic(() => import('react-apexcharts'), { ssr: false })

The error was because of using a cliente side oriented library in the server side