使用vue-introjs报错

按照https://github.com/alex-olesh… 介绍在webpack.dev.conf.js webpack.prod.conf.js下分别加入了

new webpack.ProvidePlugin({
  introJs: ['intro.js', 'introJs']
})

情况(1)
在需要使用的vue文件中

mounted(){
    this.intro().start(); // start the guide
    this.intro().showHints(); // show hints
},

然后报 Error in mounted hook: “TypeError: this.intro is not a function”

情况(2)
webpack配置不变(如上)
在main.js中
import VueIntro from ‘vue-introjs’
Vue.use(VueIntro);

报错 Can’t resolve ‘intro.js’

求大神解惑

packags.json部分截图

clipboard.png

回答:

yarn add intro.js 是否安装了 ???

回答:

总结一下:
1.npm i vue-introjs npm i intro.js

2.在webpack.dev.conf.js webpack.prod.conf.js下分别加入

new webpack.ProvidePlugin({
  introJs: ['intro.js', 'introJs']
})

3.在main.js中
import VueIntro from ‘vue-introjs’
Vue.use(VueIntro);
import ‘intro.js/introjs.css’;

4.在.vue文件中

this.$nextTick(()=>{
    this.$intro().setOptions({'prevLabel':'← 上一步','nextLabel':'下一步 →','skipLabel':'跳过'}).start();
})

回答:

this.$intro

暂无评论

发表评论

您的电子邮箱地址不会被公开。 必填项已用*标注