nuxt3 fullpage.js踩坑， fullpage.js 全屏滚动

nuxt3 fullpage.js踩坑， fullpage.js 全屏滚动, fullpage is underfind
我用的是 @nuxt 3.6.1

1.引入 fullpage.js(3.0.1), 下载地址 github链接，下载后放到assets文件下

app: {
    head: {
      script: [
        { src: '/assets/fullpage.js', type: "text/javascript", body: true }
      ],
    },
    buildAssetsDir: 'static',   //修改站点资产的文件夹名称，默认是_nuxt
    rootId: "root", //自定义nuxt根元素id

  },
  css: ["~/assets/css/fullpage.css"],

2.fullpage.js源码，去掉license验证，注释这几行代码

   if(!isLicenseValid){
       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.');
    }

3.页面使用

template 代码

template>
  div id="fullpage">
    div class="section" id="section0">
      div class="intro">
        h1>Section 1h1>
        p>Scroll down to see auto-height sectionsp>
      div>
    div>
    div class="section fp-auto-height" id="section1">
      div class="slide" id="slide1">
        div class="myContent">
          h1>Section 2h1>
        div>
      div>
      div class="slide" id="slide2">
        h1>Section 2.2h1>
      div>
    div>
    div class="section fp-auto-height" id="section2">
      div class="myContent">
        h1>Section 3h1>
      div>
    div>
  div>
template>

js代码

script setup>
const myFullpage = ref(null)
onMounted(() => {
  console.log('app is ready')
  myFullpage.value = new fullpage('#fullpage', {
    verticalCentered: true,
    scrollingSpeed: 1000, // 设置为想要的滚动时间（毫秒）
  });
})

onBeforeUnmount(() => {
  myFullpage.value.destroy()
  myFullpage.value = null
})
/script>

服务器托管，北京服务器托管，服务器租用 http://www.fwqtg.net