I have error to load apexcharts. After npm install. what hapens ?

[a21ns1g4ts]

ERROR in ./resources/assets/js/app.js
Module not found: Error: Can't resolve 'vue-apexcharts' in '/var/www/html/betajanelaunica/resources/assets/js'
 @ ./resources/assets/js/app.js 130:0-43
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss

ERROR in ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":[["env",{"modules":false,"targets":{"browsers":["> 2%"],"uglify":true}}]],"plugins":["transform-object-rest-spread",["transform-runtime",{"polyfill":false,"helpers":false}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/components/widgets/Sparkline.vue
Module not found: Error: Can't resolve 'vue-apexcharts' in '/var/www/html/betajanelaunica/resources/assets/js/components/widgets'
 @ ./node_modules/babel-loader/lib?{"cacheDirectory":true,"presets":[["env",{"modules":false,"targets":{"browsers":["> 2%"],"uglify":true}}]],"plugins":["transform-object-rest-spread",["transform-runtime",{"polyfill":false,"helpers":false}]]}!./node_modules/vue-loader/lib/selector.js?type=script&index=0!./resources/assets/js/components/widgets/Sparkline.vue 8:0-43
 @ ./resources/assets/js/components/widgets/Sparkline.vue
 @ ./resources/assets/js/app.js
 @ multi ./resources/assets/js/app.js ./resources/assets/sass/app.scss
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ development: `cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 2
npm ERR! 
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

• I just npm install
• Before npm install it's run
  Composer.lock

 "apexcharts": {
      "version": "1.5.4",
      "resolved": "https://registry.npmjs.org/apexcharts/-/apexcharts-1.5.4.tgz",
      "integrity": "sha512-baEAE9GNNtKOd0/T37Twk+BdDvzHU2TYp+3w0e47VZ1Tq51fjXDp/6I4KQ/8YX/lGeWdwGmjMllB2T1wTmLYTw==",
      "requires": {
        "babel-polyfill": "^6.26.0",
        "core-js": "^2.5.7",
        "es6-promise-promise": "^1.0.0",
        "svg.draggable.js": "^2.2.1",
        "svg.easing.js": "^2.0.0",
        "svg.filter.js": "^2.0.2",
        "svg.js": "^2.6.6",
        "svg.pathmorphing.js": "^0.1.3",
        "svg.resize.js": "^1.4.1",
        "svg.select.js": "^2.1.2"
      },

[junedchhipa]

Please paste your code where you are trying to import ApexCharts / Vue-ApexCharts

[a21ns1g4ts]

import VueApexCharts from 'vue-apexcharts' ;
vue.use (VueApexCharts);

Just its line.

[junedchhipa]

Please follow this guide https://apexcharts.com/docs/vue-charts/ step by step
Or create a codesandbox demo of what you’re trying to do

[a21ns1g4ts]

I just remove cache npm and run:
npm install --save vue-apexcharts apexcharts
I remember before npm update only vue-apexcharts running

[sumitpanchbhai1998]

Thnk you brother