Gantt is undefined

[ATestEnG]

version "dhtmlx-gantt": "8.0.6", import {gantt,Gantt} from "dhtmlx-gantt"; i try many time, it is aways undefined little "g" is an Object but capital 'G' is undefined

[ATestEnG]

by the way construct is vue3 + ts + vite

[gearcoded]

@ATestEnG, it seems that you try to use the GPL version. It doesn't have the feature of creating a new Gantt instance, so the Gantt object is not available. This feature is available in the Pro versions (Commercial, Enterprise, Ultimate licenses): https://docs.dhtmlx.com/gantt/desktop__multiple_gantts.html

So, you need to purchase the license and install the Pro version to get this feature. Or you can continue using the GPL version, but you need to manually reset everything when you switch to another page/tab/view instead of using the destructor method. The following article explains what should be done: https://docs.dhtmlx.com/gantt/desktop__gantt_instance.html

Here is the demo: https://files.dhtmlx.com/30d/c0a7cdde5ff4139e785733d9bfdbc9fb/vue3+gantt-gpl.zip