Question

我有一个带有以下声明的js：

import Modeler from '.../Modeler';

之后，我在js中定义了Modeler类型的var：

var myModeler = new Modeler(...)

当我尝试在html（在脚本标签中）中使用此变量（myModeler）时，发现异常“找不到myModeler”。如果我将声明移到js之外的上方（var myModeler ...），那么在我的html中，我发现了有关“ Modeler不存在”类型的异常。

我尝试以这种方式（无论是否带有type =“ model”）将导入声明为js：

<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' });
...

使用Camunda Web Modeler进行javascript导入和建模

0 个答案: