时间戳

首页 > 解决方案 > MermaidJs - 来自某个节点的单击事件错误

javascript - MermaidJs - 来自某个节点的单击事件错误

问题描述

当我尝试从美人鱼图中的某个节点运行函数时，单击事件出现下一个错误：

Uncaught TypeError: Cannot read property 'apply' of undefined
    at Object.runFunc (utils.js:294)
    at SVGGElement.<anonymous> (flowDb.js:287)

你有什么想法吗？我的conf是下一个：

包.json：

{
...
"devDependencies": {
    "@types/mermaid": "^8.2.5",
    "parcel-bundler": "^1.12.5",
    "typescript": "^4.2.4"
  },
  "dependencies": {
    "mermaid": "^8.10.1",
  }
}

索引.html：

<body>
  <div class="mermaid" id="mermaid-diagram">
    graph TB
    FullFirstSquad-->StripedFirstSquad
    click FullFirstSquad showFullFirstSquad "show <strong>details</strong>"
  </div>
  <script type="module" src="./main.ts"></script>
</body>

main.ts：

import mermaid from "mermaid";

function showFullFirstSquad(elemName) {
  console.log('show ' + elemName);
}

mermaid.initialize({
  startOnLoad: true,
  securityLevel: 'loose',
  logLevel: 1
});
```

标签： javascripthtmltypescriptmermaid

解决方案

推荐阅读