添加Intro.JS库到Vue公司-CLI /的WebPack项目

我使用VUE-CLI和的WebPack建立我的第一个项目，我不知道如何正确地使用外部JavaScript库，我项目。添加Intro.JS库到Vue公司-CLI /的WebPack项目

我想补充的Intro.js库，它只是要求我导入intro.js，一些标签添加到某些HTML元素，并调用introJs（）。开始（）功能。

我已通过添加import introJS from 'intro.js'到我我App.vue文件<script>部分安装有npm install introj.js --save

我已经导入库中库。

我检查了编译的app.js文件，我知道introJS正在编译，所以一切都很好。

我的问题是，我在哪里可以放introJs().start()？我试图把它放在App.vue文件的mounted()函数中，但这不起作用。

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

来源

2017-07-16 Daniel D

约把它在'main.js'之前什么'新的Vue（{...}）'？ – Ikbel

我试过，但我仍然得到上面的错误，说明开始不是一个函数。 –

试试这个'introJS.introJs（）。start（）' – Ikbel

这应该工作：

var introJS = require('intro.js').introJs 
introJS().start()

来源

2017-07-16 20:37:19 Ikbel

添加Intro.JS库到Vue公司-CLI /的WebPack项目

回答

相关问题