javascript - 将 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

这应该有效:

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