Hinzufügen der Intro.JS Bibliothek zu einem Vue-cli/Webpack Projekt

Question

ich mein erstes Projektes vue-cli und webpack mit Aufbau und ich bin mir nicht sicher, wie man richtig mit einer externen JavaScript-Bibliothek verwenden, um meinen Projekt.

Ich möchte die Intro.js Bibliothek hinzufügen, die mir einfach die intro.js zu importieren erfordert, einige Tags auf einige HTML-Elemente hinzufügen, und rufen Sie die introJs(). Start() Funktion.

Ich habe die Bibliothek mit npm install introj.js --save

Ich habe die Bibliothek import introJS from 'intro.js' durch Hinzufügen in meinen <script> Abschnitt meiner App.vue Datei importiert installiert.

Ich habe die kompilierte app.js Datei überprüft und ich weiß, dass introJS kompiliert wird, also ist alles gut dort.

Meine Frage ist, wo gebe ich ? Ich habe versucht, es in die mounted() Funktion der App.vue Datei zu setzen, aber das funktioniert nicht.

Zusätzliche Information: Wenn ich versuche, introJS().start() aus der mounted() Methode in App.vue zu laufen erhalte ich diesen Fehler: Error in mounted hook: "TypeError: __WEBPACK_IMPORTED_MODULE_7_intro_js___default(...) is not a function"

Answer 1

Dies sollte funktionieren:

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