javascript - 在 VueJS 上使用领导线

标签 javascript vue.js webpack

我正在尝试下载并运行Leader Line在 VueJS 上,并且有一些在线开放但没有绝对解决方案的问题。
我已经通过 npm 安装了领导线 - 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
任何帮助将不胜感激,谢谢!

最佳答案

Leader Line无法导入包,如 GitHub issue 中所述.
此处提供更新的软件包:Leader Line New .这个包就是暗关带有导入和类型的版本。
您的案例中的 javascript 如下所示:

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

关于javascript - 在 VueJS 上使用领导线,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/62932910/

相关文章:

javascript - 通过使用 ng-repeat 选择复选框来添加数组

javascript - 身份验证后应在 Flux 应用程序中的何处进行存储重新获取操作?

javascript - Vue.js 2-将表单分解成更小的组件是一种不好的做法吗

ruby-on-rails - 如何将 React-rails React_Component 与 WebPacker Gem Rails 5.1 一起使用?

Javascript:使用 var 值作为 onclick window.open URL

javascript - 检查前端和后端

javascript - VueJS - 从父访问更新的子组件的数据

javascript - Vuex 调度不返回

javascript - 如何在 webpack 中导入的 html 文件中使用从 index.js 导入的样式?

webpack - 如何使用 Fable-Elmish 添加 img 标签