在 VueJS 上使用引导线

Question

我正在尝试在 VueJS 上下载并运行Leader Line，但遇到了一些在线公开的问题，但没有绝对的解决方案。

我已经通过 npm 安装了leader-line -npm install leader-line

这是我的 vuejs 文件代码。

HTML：

<div id="start">start</div>
<div id="end">end</div>

JavaScript：

import LeaderLine from 'leader-line'
const myLine = new LeaderLine(
     document.getElementById('start'),
     document.getElementById('end')
);

我只是收到此错误消息：

TypeError: leader_line__WEBPACK_IMPORTED_MODULE_9___default.a is not a constructor

任何帮助将不胜感激，谢谢！

Answer 1

正如本GitHub 问题中所述，无法导入Leader Line包。

此处提供了更新的软件包：Leader Line New。这个包只是带有导入和类型的anseki版本。

您的情况中的 javascript 如下所示：

import LeaderLine from 'leader-line-new';
const myLine = new LeaderLine(
     document.getElementById('start'),
     document.getElementById('end')
);