Cms Page Refresh Issue

I have created one cms page and add content into that, it's working fine. Then I have install vue-carousel-3d using command and add component and slider code into that file. The code is as below for adding component:

import Vue from 'vue'; import Carousel3d from 'vue-carousel-3d';

Vue.use(Carousel3d);

Then when I click on link for that cms page, it's open page and slider is also display, again I refresh the same page then it throws 500 error for me. The error in pm2 logs is:

ReferenceError: document is not defined at addStyle (/root/vue-storefront/node_modules/vue-carousel-3d/dist/webpack:/carousel-3d/node_modules/vue-style-loader/lib/addStylesClient.js:120:1) at addStylesToDom (/root/vue-storefront/node_modules/vue-carousel-3d/dist/webpack:/carousel-3d/node_modules/vue-style-loader/lib/addStylesClient.js:104:1) at addStylesClient (/root/vue-storefront/node_modules/vue-carousel-3d/dist/webpack:/carousel-3d/node_modules/vue-style-loader/lib/addStylesClient.js:58:1) at Object.5701 (/root/vue-storefront/node_modules/vue-carousel-3d/dist/webpack:/carousel-3d/src/carousel-3d/Slide.vue?567f:9:1) at webpack_require (/root/vue-storefront/node_modules/vue-carousel-3d/dist/webpack:/carousel-3d/webpack/bootstrap:19:1) at Object.9c17 (/root/vue-storefront/node_modules/vue-carousel-3d/dist/webpack:/carousel-3d/src/carousel-3d/Slide.vue?24f7:1:1) at webpack_require (/root/vue-storefront/node_modules/vue-carousel-3d/dist/webpack:/carousel-3d/webpack/bootstrap:19:1) at Module.fb15 (/root/vue-storefront/node_modules/vue-carousel-3d/dist/carousel-3d.common.js:3635:45) at webpack_require (/root/vue-storefront/node_modules/vue-carousel-3d/dist/webpack:/carousel-3d/webpack/bootstrap:19:1) at /root/vue-storefront/node_modules/vue-carousel-3d/dist/webpack:/carousel-3d/webpack/bootstrap:83:1

Anyone please know about this issue ?

Read Entire Article