javascript - 从js文件导入的函数，不在TS文件中运行

Question

我试图在 TS 文件的组件内调用 JS 函数，但遇到异常。

组件

import '../../../assets/js/gantt/ganttMaster.js';
export class TaskComponent implements OnInit {

  constructor() {}

  ngOnInit() {
    var r = new GanttMaster();
  }
}

错误:

Error referecences error: GanttMaster is not defined

Answer 1

您需要更改导入 .js 文件的方式:

import * as gantt from '../../../assets/js/gantt/ganttMaster.js';
export class TaskComponent implements OnInit {

  constructor() {}

  ngOnInit() {
    var r = new gantt.GanttMaster();
  }
}

如果要在多个组件之间使用GanttMaster，可以在angular.json中导入.js文件，并在app.module.ts 就像声明 const GanttMaster: any 一样。然后您可以在您的应用程序中使用它。

希望这有帮助。

<小时/>

更新

或者，您可以按照已经完成的方式导入它，但在导入之前手动声明该函数:

declare const GanttMaster: any;
import from '../../../assets/js/gantt/ganttMaster.js';
export class TaskComponent implements OnInit {

  constructor() {}

  ngOnInit() {
    var r = new GanttMaster();
  }
}

引用号:https://stackoverflow.com/a/37084553/1331040