2

我有一个带有此声明的 js：

import Modeler from '.../Modeler';

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

var myModeler = new Modeler(...)

当我尝试在 html 中（在脚本标签中）使用这个变量（myModeler）时，我发现一个异常“myModeler not found”。如果我将上面的声明（var myModeler ...）移到 js 之外，那么在我的 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' });
...
4

0 回答 0