импорт и моделирование JavaScript с помощью веб-модели Camunda - PullRequest
Новая
       73

импорт и моделирование JavaScript с помощью веб-модели Camunda

0 голосов
/ 13 февраля 2019

У меня есть js с этим объявлением: 

import Modeler from '.../Modeler';

и после этого я определяю переменную типа Modeler в js: 

var myModeler = new Modeler(...)

Когда я пытаюсь использовать эту переменную(myModeler) в html (в script-tag) я нахожу исключение «myModeler not found».Если я переместу объявление выше (var myModeler ...) за пределы js, поэтому в моем html я нахожу исключение о типе "Modeler не существует.

Я пытаюсь объявить js где isимпорт, таким образом (с и без 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' });
...
...