添加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項目

回答

相關問題