Org Chart работает локально и не работает при развертывании: jQuery (...). Orgchart не является функцией - PullRequest
Новая
       45

Org Chart работает локально и не работает при развертывании: jQuery (...). Orgchart не является функцией

0 голосов
/ 09 января 2020

Я работаю над организационной диаграммой с angular библиотекой с именем orgchart. Источник кода работает локально на моей машине, и когда мы внедряем код на nginx сервере, мы связываем эту ошибку с jQuery.

Это мой код: 

>  organigramme.forEach((collab, i) => {
>      jQuery('#chart-container').append(jQuery('<div id="chart_'+i+'"></div>')); 
>      const chart = jQuery('#chart_'+i).orgchart({
>       'data' : collab,
>       'nodeContent': 'post',

Ошибка консоли при развертывании

Ссылка на Github: https://github.com/dabeng/OrgChart.

Сервер развертывания: nginx.

В противном случае, то же самое рабочая среда: Angular CLI: 8.3.4 Узел: 10.16.3 npm: 6.7.0

Заранее спасибо.

1 Ответ

0 голосов
/ 10 января 2020

Я создал небольшую оболочку Angular на своем github: brandt-коды / orgchart- angular. Не стесняйтесь использовать ;-) Обновит и украсит этот небольшой проект в ближайшие дни.

Минимальная часть: TS: 

import { Component, OnInit } from '@angular/core';
import OrgChart from 'orgchart.js/src/orgchart.js'

@Component({
  selector: 'app-orgchart',
  templateUrl: './orgchart.component.html',
  styleUrls: ['./orgchart.component.scss']
})
export class OrgchartComponent implements OnInit {
  private datascource = {
    'name': 'Lao Lao',
    'title': 'general manager',
    'children': [
      { 'name': 'Bo Miao', 'title': 'department manager' },
      { 'name': 'Su Miao', 'title': 'department manager',
        'children': [
          { 'name': 'Tie Hua', 'title': 'senior engineer' },
          { 'name': 'Hei Hei', 'title': 'senior engineer',
            'children': [
              { 'name': 'Pang Pang', 'title': 'engineer' },
              { 'name': 'Xiang Xiang', 'title': 'UE engineer' }
            ]
          }
        ]
      },
      { 'name': 'Yu Jie', 'title': 'department manager' },
      { 'name': 'Yu Li', 'title': 'department manager' },
      { 'name': 'Hong Miao', 'title': 'department manager' },
      { 'name': 'Yu Wei', 'title': 'department manager' },
      { 'name': 'Chun Miao', 'title': 'department manager' },
      { 'name': 'Yu Tie', 'title': 'department manager' }
    ]
  };

  public orgchartFromData: OrgChart;

  constructor() { }

  ngOnInit() {
   this.orgchartFromData = new OrgChart({
      'chartContainer': '#chartContainerData',
      'data' : this.datascource,
      'depth': 2,
      'nodeContent': 'title'
    });
  }
}

и HTML: 

<div id="chartContainerData"></div>

PS: я использовал пакет orgchart.js (не orgchart).

...