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

Question

我正在使用vue-cli和webpack构建我的第一个项目,我不确定如何正确使用外部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"

Answer 1

这应该工作:

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