将 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' 添加到 App.vue 文件的 <script> 部分来导入库。

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

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

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

Answer 1

这应该有效：

const { introJS } = require('intro.js')
introJS().start()