Импорт Javascript в проблему угловых компонентов

Question

В данном компоненте у меня есть следующий импорт:

import { Gantt } from '@frappe-gantt';

Этот @frappe-gantt объявлен в tsconfig.json, в свойстве paths, как

  "@frappe-gantt": [
    "frappe-gantt"
  ]

Вв данной папке, называемой frappe-gantt, у меня также есть следующее index.ts:

import * as Gantt from './frappe-gantt.js';

export {Gantt};

и следующее frappe-gantt.js as:

var Gantt= (function (id,tasks,options) {
...
class Gantt {
...
constructor(param1,param2,param3){...}
...
}
return Gantt;
}());

Однако, вызывая new Gantt(params,params2,params3)в компоненте, используя функцию onInit, он дает мне следующее:

_frappe_gantt__WEBPACK_IMPORTED_MODULE_3__.Gantt is not a constructor

Кто-нибудь имеет какое-либо представление о том, какой должна быть проблема?

Спасибо!

Answer 1

После моего комментария придерживайтесь основного синтаксиса, чтобы он работал.

var v1 = (function() {})(); // IIFE

console.log(v1); // undefined

var v2 = (function() {}()); // Your take on a IIFE

console.log(v2); // undefined

var v3 = function() {}; // A function that can be used with the new keyword
var i3 = new v3();

console.log(v3, i3); // displays the function and the instance of that function

class V4 {} // A JS class
var i4 = new V4();

console.log(V4, i4); // Displays the class and the instance of that class