DHTMLX Диаграмма Ганта с Angular 2 Framework выдает ошибку - PullRequest
Новая
       20

DHTMLX Диаграмма Ганта с Angular 2 Framework выдает ошибку

0 голосов
/ 08 декабря 2018

Сделал все шаги в соответствии с руководством, данным DHTMLX.Однако получение ошибки во время инициализации Ганта: 

import {Component, ElementRef, OnInit, ViewChild} from "@angular/core";
import "dhtmlx-gantt";


@Component({
    selector: "gantt",
    styles: [
        `
        :host{
            display: block;
            height: 600px;
            position: relative;
            width: 100%;
        }
    `],
    template: "<div #gantt_here style='width: 100%; height: 100%;'></div>",
})
export class GanttComponent implements OnInit {
    @ViewChild("gantt_here") ganttContainer: ElementRef;

    ngOnInit(){
        gantt.init(this.ganttContainer.nativeElement);
    }
}

Вот ошибка

ОШИБКА в src / app / views / tasks / gantt.component.ts (19,3):ошибка TS2304: не удается найти имя 'gantt'.

Я не нашел никакой разницы между моим и загруженным проектом, который выполняется без ошибок.Ссылка на git https://github.com/DHTMLX/angular2-gantt-demo

Ответы [ 3 ]

0 голосов
/ 10 декабря 2018

добавление трех строк кода в файл tsconfig.app.json решает все проблемы 

"types": [
    "dhtmlxgantt"
]
0 голосов
/ 16 июня 2019

Мое решение для пробной версии следующее:

  • Не добавляйте .css и .js в index.html, как я предполагал, здесь предлагается: https://docs.dhtmlx.com/gantt/desktop__install_with_bower.html#addingprofessionaleditionintoproject. Добавьте их в angular.json.
  • Snoop в файле package.json бесплатной npm устанавливаемой версии dhtmlx-gantt
  • Измените package.json пробной версиичтобы 1) удалить ссылку на index.js и 2) добавить типы.Моя выглядит так: 
    {
      "name": "dhtmlx-gantt-samples",
      "version": "1.0.0",
      "description": "Simple backend and REST api for dhtmlx gantt samples",
      "main": "codebase/dhtmlxgantt.js",
      "types": "codebase/dhtmlxgantt.d.ts",
      "author": "DHTMLX",
      "license": "DHTMLX Evaluation License",
      "dependencies": {
        "body-parser": "^1.18.3",
        "express": "^4.16.4",
        "striptags": "^3.1.1"
      }
    }
0 голосов
/ 10 декабря 2018

Пока я использовал этот пакет для проекта, над которым работал, мне пришлось сделать что-то необычное с ним

Я добавил эту строку в свой импорт 

import {} from '@types/dhtmlxgantt';

Я думаю, что когда они разрабатывали эту диаграмму, они не до конца понимали, как типы работают с TypeScript и как правильно их упаковать.

Я нашел этот пост в блоге довольно полезным, когда он появилсяиспользовать этот пакет.В итоге я отказался от использования этого пакета и создал свою собственную диаграмму Ганта, потому что их диаграмма не имела той функциональности, которая была нам нужна для моего проекта.Надеюсь, это поможет!

...