Как импортировать Javascript файл - cytoscape / cytoscape-edgehandles. js - PullRequest
Новая
       43

Как импортировать Javascript файл - cytoscape / cytoscape-edgehandles. js

1 голос
/ 06 апреля 2020

У меня есть следующий модуль, в котором я пытаюсь добавить расширение cytoscape-edgehandles.js к моему существующему проекту на основе cytoscape ( обрезал ненужные части, чтобы проиллюстрировать проблему ) - 

    /* cytoscape import */
    import '../cytoscape/cytoscape.min.js';
    import '../cytoscape/cytoscape-edgehandles.js';

    import { CytoscapeStyle } from './cytoscape-defaults.js';

    function cytoContainer() {
        return document.getElementById("cy");
    }

    export class DiagramBuilder {
        /* other static methods here ... */

        static build(matrix, permutation) {
            let cy = new cytoscape({ 
                container: cytoContainer(),
                panningEnabled: false,
                autolock: true,
                style:CytoscapeStyle
            });
            /* other stuff here */
        }
    }

Я следую указаниям команды Cytoscape по импорту расширения cytoscape-edgehandles (репо здесь - https://github.com/cytoscape/cytoscape.js-edgehandles/blob/master/README.md#usage -инструкции ).

В их примере они указать для импорта расширения edgehandles следующим образом - 

import cytoscape from 'cytoscape';
import edgehandles from 'cytoscape-edgehandles';

cytoscape.use( edgehandles );

Однако, если я скопирую пример в качестве примера, я получу следующую ошибку - 

TypeError: Failed to resolve module specifier "cytoscape". Relative references must start with either "/", "./", or "../".

Кроме того, если я попытаюсь явно импорт edgehandles из cytoscape-edgehandles.js, вот так - 

/* cytoscape import */

import '../cytoscape/cytoscape.min.js';
import { edgehandles } from '../cytoscape/cytoscape-edgehandles.js';

Я получаю следующую ошибку - 

SyntaxError: The requested module '../cytoscape/cytoscape-edgehandles.js' does not provide an export named 'edgehandles'

Отказ от ответственности - Я немного ушел моего элемента, работающего с cytoscape здесь. Я могу создать новый экземпляр cytoscape и рисовать диаграммы просто отлично, проблема возникла, когда я попытался применить расширение edgehandles, чтобы обеспечить взаимодействие с пользователем по cytoscape ребрам.

...