Ajout de la bibliothèque Intro.JS à un projet Vue-Cli/Webpack

Question

Je construis mon premier projet en utilisant vue-cli et webpack et je ne suis pas sûr de savoir comment utiliser correctement une bibliothèque JavaScript externe à mon projet.

Je veux ajouter la bibliothèque Intro.js qui me demande simplement importer les intro.js, ajouter quelques balises à certains éléments HTML, et appeler les introJs(). Start() fonction.

J'ai installé la bibliothèque npm install introj.js --save

J'ai importé la bibliothèque en ajoutant import introJS from 'intro.js' dans ma section <script> de mon dossier App.vue.

J'ai vérifié le fichier app.js compilé et je sais que introJS est en cours de compilation, donc tout va bien là-bas.

Ma question est, où puis-je mettre introJs().start()? J'ai essayé de le mettre dans la fonction mounted() du fichier App.vue mais cela ne fonctionne pas.

Informations additionnelles: Lorsque je tente de lancer introJS().start() de la méthode mounted() dans App.vue Je reçois cette erreur: Error in mounted hook: "TypeError: __WEBPACK_IMPORTED_MODULE_7_intro_js___default(...) is not a function"

Answer 1

Cela devrait fonctionner:

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