2017-07-16 6 views
4

をIntro.JSライブラリを追加しますプロジェクト。は私が<strong>VUE-CLI</strong>と<strong>WebPACKの</strong>を使用して私の最初のプロジェクトを構築していると私はきちんと私に外部JavaScriptライブラリを使用するかどうかはわかりませんヴュー-CLI/WebPACKのプロジェクトに

は、私は単純に、intro.jsをインポートするいくつかのHTML要素にいくつかのタグを追加し、introJsを呼び出すために私を必要としIntro.jsライブラリを追加したい()。()機能を起動します。

私は私が私のApp.vueファイルの私の<script>セクションにimport introJS from 'intro.js'を追加することによって、ライブラリをインポートしたnpm install introj.js --save

とライブラリをインストールしました。

私はコンパイルされたファイルをチェックしました。私はintroJSがコンパイルされていることを知っています。

私の質問は、どこにintroJs().start()を入れますか?私はApp.vueファイルのmounted()機能に入れようとしましたが、うまくいきません。

追加情報:Error in mounted hook: "TypeError: __WEBPACK_IMPORTED_MODULE_7_intro_js___default(...) is not a function"

+0

を何する前にmain.js' 'でそれを置くことについて、私はApp.vuemounted()方法からintroJS().start()を実行しようとすると、私はこのエラーを受け取ります'新しいVue({...})'? – Ikbel

+0

私はそれを試みたが、私はまだ開始が機能ではないという上記のエラーを得る。 –

+2

この 'introJS.introJs()。start()'を試してください – Ikbel

答えて

6

これは動作するはずです::

var introJS = require('intro.js').introJs 
introJS().start() 
関連する問題

 関連する問題