ts1 / flipbook-vue

3D page flip effect for Vue.js
https://ts1.github.io/flipbook-vue/
614 stars 158 forks source link

What i'm doing wrong ? Nothing appears #72

Open pit07 opened 2 years ago

pit07 commented 2 years ago

Hi! I installed this package on my Nuxt application, My page:

<template>
     <flipbook class="flipbook" :pages="images"></flipbook>
</template>
<script>
export default {
  layout: "main",
  data(){
    return {
      images: [
        '@/assets/images/famille-1.jpg',
        '@/assets/images/famille-2.jpg',
        '@/assets/images/famille-3.jpg',
        '@/assets/images/famille-4.jpg',
        '@/assets/images/famille-5.jpg',
        '@/assets/images/famille-6.jpg',
      ]
    }
  }
};
</script>
<style scoped>
.flipbook {
  width: 90vw;
  height: 90vh;
}

</style>

I have no message, no error... but no flipbook :( Thanks a lot!

ts1 commented 2 years ago
        '@/assets/images/famille-1.jpg',

These will not be resolved. Try using require like below;

    require('@/assets/images/famille-1.jpg').default,