使用全屏滚动插件vue-fullpage.js碰到的问题

今天做一个全屏滚动的简历所碰到的问题,官方的全屏滚动插件是 vue-fullpage.js,结果不小心装成了vue-fullpage,教程也是互相看错,弄了半天才发现不是同一个插件, 两者差了后缀也是差别巨大,

写下两者安装和引入的差别,避免后面有人和我一样碰到同一的错误
vue-fullpage.js
npm install --save vue-fullpage.js
在main.js中引入

import VueFullpage from 'vue-fullpage.js'
Vue.use(VueFullpage)

而vue-fullpage是

import 'vue-fullpage/vue-fullpage.css'
import VueFullpage from 'vue-fullpage'
Vue.use(VueFullpage) 

看着差别是真不大,但还是挺大不同的,经常弄错

下面是在使用时报错
fullPage: Fullpage.js version 3 has changed its license to GPLv3 and it requires a `licenseKey` option. Read about it here:
这个错误其实没有任何影响,甚至不是错误。如果不想显示的话,他知识需要密钥而已,没有密钥的话就直接去文件中删除掉这句即可

fullpage.js文件中查找licenseKey,删除如下代码

if(!isOK){
  showError('error', 'Fullpage.js version 3 has changed its license to GPLv3 and it requires a `licenseKey` option. Read about it here:');
  showError('error', 'https://github.com/alvarotrigo/fullPage.js#options.');
}

删除后将下一行的else也删掉,变成如下代码

if(l && l.length < 20){
  console.warn('%c This website was made using fullPage.js slider. More info on the following website:', msgStyle);
  console.warn('%c https://alvarotrigo.com/fullPage/', msgStyle);
}
Logo

前往低代码交流专区

更多推荐