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

标签 javascript webpack vue.js vuejs2 intro.js

我正在使用 vue-cliwebpack 构建我的第一个项目,但我不确定如何在我的项目中正确使用外部 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"

最佳答案

这应该有效:

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

关于javascript - 将 Intro.JS 库添加到 Vue-Cli/Webpack 项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45132662/

相关文章:

javascript - 如何将 JavaScript 函数应用于选择表单?

Javascript div 淡入淡出不使用 setInterval

javascript - 优化所需文件夹内的图像

css - 如何调整 vuetify 组件中的分隔线宽度?

javascript - VueJS 访问嵌套组件数据值

javascript - AngularJS 在拖放指令中从 Controller 调用函数

javascript - 对象方法中的局部变量音频不播放

reactjs - 包含新字体并引用它的正确方法?

ionic-framework - 使用 webpack 替换复制文件上的文本

vue.js - 无法让 v-img 在 v-flex 内居中