我正在使用 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"
最佳答案
这应该有效:
const { introJS } = require('intro.js')
introJS().start()
关于javascript - 将 Intro.JS 库添加到 Vue-Cli/Webpack 项目,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45132662/