带有Aurelia和typescript的Aurelia调度器

Question

我正在尝试将dhtmlxscheduler安装到我的Aurelia CLI (typescript)应用程序中。我已经安装了npm：

npm i dhtmlx-scheduler

然后我将其添加到aurelia.json文件中：

{
  "name": "dhtmlx-scheduler",
  "path": "../node_modules/dhtmlx-scheduler/codebase",
  "main": "dhtmlxscheduler"
},

并为其创建了全局类型：

typings install dt~dhtmlxscheduler --global --save

一切都安装好了，au run也能正确编译。当我尝试实际使用这个库时，我得到了这个错误：

error TS2307: Cannot find module 'dhtmlxscheduler'.
[02:00:15] gulp-notify: [Error running Gulp] Error: src/components/appointments/appointments.ts(2,20): error TS2307: Cannot find module 'dhtmlxscheduler'.

我像这样导入它：

import * as scheduler from 'dhtmlxscheduler';

Answer 1

我查看了一下dhtmlxscheduler.js，它没有export任何成员属性。执行import * as scheduler from 'dhtmlxscheduler';应该会给你一个错误。

取而代之的是import整个模块：

import 'dhtmlx-scheduler'; // Taking into account the comment that I left above

然后，您可以直接在类中调用scheduler函数。

Answer 2

它使用@Robinson Collado的import语句。您可能希望将dhtmlx-gantt css文件添加为资源：

{
  "name": "dhtmlx-gantt",
  "path": "../node_modules/dhtmlx-gantt/codebase",
  "main": "dhtmlxgantt",
  "resources": [
    "dhtmlxgantt.css"
  ]
}

并将其包含在您的模板中：

<require from="dhtmlx-gantt/dhtmlxgantt.css"></require>