将Intro.JS库添加到Vue-Cli / Webpack项目

Question

我使用 vue-cli 和 webpack 构建我的第一个项目，我不确定如何正确使用外部JavaScript库到我的项目。

我想添加 Intro.js 库，只需要我导入 intro.js ，为某些HTML元素添加一些标签，然后调用 introJs（）。start（）功能。

我已使用npm install introj.js --save

安装了库

我已将import introJS from 'intro.js'添加到<script>文件的App.vue部分中，导入了该库。

我已经检查了编译过的app.js文件，我知道正在编译introJS，所以一切都很好。

我的问题是，我应该在哪里放introJs().start()？我尝试将其放在mounted()文件的App.vue函数中，但这不起作用。

其他信息：当我尝试从introJS().start() mounted ()方法运行App.vue时收到此错误：Error in mounted hook: "TypeError: __WEBPACK_IMPORTED_MODULE_7_intro_js___default(...) is not a function"

Answer 1

这应该有效：

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