我正在使用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"
这应该工作:
const { introJS } = require('intro.js')
introJS().start()
本文收集自互联网,转载请注明来源。
如有侵权,请联系 [email protected] 删除。
我来说两句