将Intro.JS库添加到Vue-Cli / Webpack项目

丹尼尔·D

我正在使用vue-cliwebpack构建我的第一个项目不确定如何在项目中正确使用外部JavaScript库。

我想添加Intro.js库,库仅要求我导入intro.js,在一些HTML元素中添加一些标签,然后调用introJs()。start()函数。

我已经用 npm install introj.js --save

我已通过添加import introJS from 'intro.js'文件的<script>部分中来导入库App.vue

我已经检查了编译app.js文件,并且知道introJS正在编译,因此一切都很好。

我的问题是,我放在introJs().start()哪里?我尝试将其放入文件mounted()功能中,App.vue但这不起作用。

附加信息:当我尝试introJS().start()从中的mounted ()方法运行时App.vue收到此错误:Error in mounted hook: "TypeError: __WEBPACK_IMPORTED_MODULE_7_intro_js___default(...) is not a function"

伊克贝尔

这应该工作:

const { introJS } = require('intro.js')
introJS().start()

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章