Loading using Require.js (AMD) broken

[micene09]

Codepen

Just open this codepen and check the dev-console (F12):

Explanation

I think that SVG is not defined because there is something wrong on module bundler.
Do i need to include SVG.js as external library?

[junedchhipa]

The new module bundler configuration (rollup) has broken AMD support after v3.0.0

I will soon update the SVG.js version which should fix the SVG undefined issues.

[cstlaurent]

In the meantime I can add an AMD build output to the Rollup configuration see if it works.

[cstlaurent]

Looks like its not as plug and play as I thought, I'll investigate more when I have time.

[junedchhipa]

@cstlaurent Thanks!

The main issue I guess is SVG.js current way of exposing the global SVG variable, and this way has caused a lot of problems with the modern build systems (many users have reported it in the past).

They have released 3.0 which promises to fix these issues, and I am in the process of slowly migrating towards 3.0 (many breaking changes, hence getting delayed).

[micene09]

any news here? here we cannot update the library without this fix.

[thetinshusasi]

Hi I am facing the same iisue.

ReferenceError: SVG is not defined
apexcharts.esm.js:24146
at c:\Dev*Project Path*\node_modules\apexcharts\dist\apexcharts.esm.js:24146:1.

does anyone has the solution for this or any workaround?
I am using react-apexcharts in my project .

[junedchhipa]

@micene09 Unfortunately, no update. I have contacted SVG.js authors regarding plugin compatibility with 3.0. Once, I get a solution, I will upgrade to svgjs@3.0 which hopefully will fix a lot of import issues.

[junedchhipa]

Adding the old Webpack configuration only for amd build as that seems to be the easiest fix for now.
The new file will be
dist/apexcharts.amd.js

Will be released in 3.6.6 this weekend

[micene09]

Fine, but I have 2 requests:

1. Can you please add the min version of this file? It is about 1mb.
2. Please set the umd flag like this (old issue): UMD module name #210 (comment)

[Teisi]

This "workaround" don't work for me and yes the script is loades before i make my "new ApexCharts":

"Uncaught ReferenceError: ApexCharts is not defined at :1:1"

[byander]

@junedchhipa, the problem about loading using require is not working. If in the require I put apexcharts.js, the error is "Uncaught ReferenceError: SVG is not defined". If I put apexcharts.amd.js, the error is "ReferenceError: ApexCharts is not defined". Thank's