2017-07-16 174 views
4

我使用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"

+0

約把它在'main.js'之前什麼'新的Vue({...})'? – Ikbel

+0

我試過,但我仍然得到上面的錯誤,說明開始不是一個函數。 –

+2

試試這個'introJS.introJs()。start()' – Ikbel

回答

6

這應該工作:

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