Unable to integrate Gantt in my angular cli Project

[saki]

Let's untangle the problem by breaking it to pieces:

1. Can you compile and run our example as-is, without any changes?
2. Can you use gantt.umd.js in your application (without our example)?

I'm asking because we know about the problem of combination: Our Angular Advanced demo + Gantt UMD. We will make also this combination workable soon.

I only want to unblock your progress with gantt so the easiest and fastest would be to try to use Gantt UMD in your application (without our example).

[rahulranjan]

Hi Saki
Answers to your Questions
1. Yes i am able to compile and run example as it is without any change.
2. Yes i am able to use gantt.umd.js from node_modules in my project but it gives too much error.

Thanks Saki but i think i need more support from you guys

[saki]

Thank you for your answers. So putting aside our demo problem, could you prepare a demo, or send us your code that is giving you those errors? It is very difficult to give you any effective advice before running the problematic code.

Therefore, I think, the fastest and most effective way would be to give us a runnable problematic code.

[rahulranjan]

Hi Saki
Thanks for answering my question
Here is Link of Project You can go through it
https://drive.google.com/file/d/1PuA2bD ... sp=sharing
you have to do npm install inside project folder.

Problems i am facing
1. ERROR Error: Uncaught (in promise): TypeError: Class constructor Task cannot be invoked without 'new'
TypeError: Class constructor Task cannot be invoked without 'new'
at new _0x745148 (webpack-internal:///../build/gantt.umd.js:13)
at _0x248a0c.createRecord (webpack-internal:///../build/gantt.umd.js:13)
at _0xae5e1.ingestChildren (webpack-internal:///../build/gantt.umd.js:13)
at _0xae5e1.insertChild (webpack-internal:///../build/gantt.umd.js:13)
at _0xae5e1.appendChild (webpack-internal:///../build/gantt.umd.js:13)
at _0x248a0c.set (webpack-internal:///../build/gantt.umd.js:13)
at _0xae5e1.loadCrudStore (webpack-internal:///../build/gantt.umd.js:18)
at _0xae5e1.loadDataToCrudStore (webpack-internal:///../build/gantt.umd.js:18)
at eval (webpack-internal:///../build/gantt.umd.js:18)
at Array.forEach (<anonymous>)
at resolvePromise (webpack-internal:///./node_modules/zone.js/dist/zone.js:814)
at eval (webpack-internal:///./node_modules/zone.js/dist/zone.js:724)
at _0x2d937d (webpack-internal:///../build/gantt.umd.js:17)
at _0xc25259 (webpack-internal:///../build/gantt.umd.js:17)
at ZoneDelegate.invoke (webpack-internal:///./node_modules/zone.js/dist/zone.js:388)
at Object.onInvoke (webpack-internal:///./node_modules/@angular/core/esm5/core.js:4976)
at ZoneDelegate.invoke (webpack-internal:///./node_modules/zone.js/dist/zone.js:387)
at Zone.run (webpack-internal:///./node_modules/zone.js/dist/zone.js:138)
at eval (webpack-internal:///./node_modules/zone.js/dist/zone.js:872)
at ZoneDelegate.invokeTask (webpack-internal:///./node_modules/zone.js/dist/zone.js:421)

2. Dummy Data is not getting loaded.

Apart from it you can check .
I too want to know for documentation of create , update , delete of Wbs, activity or Resources.

Thanks once again for your kind support.

[saki]

Hello Rahulranjan,

I've been trying to make it working, and I succeeded only in compilation of the project but it still throws an error. I believe that the major role plays the Angular version: you use 5 but the example was written and tested in version 7.

I'm attaching my modified code (without build and _shared directories). I believe that the error thrown is Angular 5 specific, because I can compile and run the example in Angular 7 w/o problems. Please, take it from here yourself, I hope you'll succeed.

[rahulranjan]

Hi saki
I will check it out.
Thanks for your kind support.

[rahulranjan]

Hi Saki ,
Can you please let me know what is actual root case in angular versions(5 and 7 ) for not able to integrate in angular 5. what is the solution for it. Have you any examples where you are using angular 5.


Thanks
Rahul.

[saki]

I do not have example I have written in Angular 5 but there is one Scheduler (unfortunately not Gantt) Angular 5 example. I hope you can take some inspiration from it. Gantt is extension of Scheduler so principles remain same.

I have no personal experiences with older versions of Angular.

[rahulranjan]

Thanks For your kind Support. Was able to achieve in different version.