Импорт и моделирование JavaScript с помощью веб-модели Camunda
У меня есть JS с этим объявлением:
import Modeler from '.../Modeler';
и после этого я определяю переменную типа Modeler в js:
var myModeler = new Modeler(...)
Когда я пытаюсь использовать эту переменную (myModeler) в html (в script-tag), я нахожу исключение "myModeler not found". Если я переместу объявление выше (var myModeler...) за пределы js, поэтому в моем html я найду исключение типа "Modeler не существует".
Я пытаюсь объявить js, где находится импорт, таким образом (с и без type="model"):
<script type="model" src="./MyCamunda.js"></script>
но опять другая ошибка.
Где я должен поставить myModeler или изменить любое объявление?
РЕДАКТИРОВАТЬ: это HTML, который я использую
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title>Camunda Modeler</title>
<!-- required modeler styles -->
<link rel="stylesheet" href="../node_modules/bpmn-js/dist/assets/diagram-js.css">
<link rel="stylesheet" href="../node_modules/bpmn-js/dist/assets/bpmn-font/css/bpmn.css">
<link rel="stylesheet" href="./MyCamunda.css">
<script src="https://unpkg.com/jquery@3.3.1/dist/jquery.js"></script>
<script src="./MyCamunda.js"></script>
<script>
var diagramUrl = './diagramOriginal.bpmn';
//load external diagram file via AJAX and open it
$.get(diagramUrl, openDiagram, 'text');
// wire save button
$('#save-button').click(exportDiagram);
</script>
</head>
<body>
<div id="canvas"></div>
<button id="save-button">print to console</button>
</body>
</html>
И это фрагмент js, который я использую (MyCamunda.js):
import Modeler from '../node_modules/bpmn-js/lib/Modeler';
var bpmnModeler = new Modeler({ container: '#canvas' });
...