Я пытаюсь соединить свои перетаскиваемые элементы соединителями, чтобы отобразить поток между элементами. У меня работает перетаскиваемый элемент, и здесь я вижу этот код, который кажется полезным и работающим, но находится в bable. И опыта в bable и angular тоже нет. Я попытался создать файл службы ts, чтобы интегрировать его на свой веб-сайт. Но это вызывает много ошибок в приложении. https://codepen.io/osublake/pen/4c3752574267b3a986cb8eee7ccb8c81 Кажется, этот код работает.
let nextUid = 0;
const bezierWeight = 0.675;
const svg = document.querySelector("#svg");
const diagramElement = document.querySelector("#diagram");
const shapeLookup = {};
const portLookup = {};
const connectorLookup = {};
const ports = [];
const shapes = [];
const connectorPool = [];
const dragProxy = document.querySelector("#drag-proxy");
const shapeElements = Array.from(document.querySelectorAll(".node-container"));
const frag = document.createDocumentFragment();
frag.appendChild(document.querySelector(".connector"));
const connectorElement = frag.querySelector(".connector");
const connectorLayer = document.querySelector("#connections-layer");
const diagram = new Diagram();
Пожалуйста, помогите мне решить эту проблему
