Q: vue-carousel Cannot read property 'forEach' of undefined I am install vue-carousel using yarn and add template code copied form documentation.
then there is an error saying Cannot read property 'forEach' of undefined.
Frontend screenshot
console screenshot


*

*Node/npm version: 6.10.3

*OS: macOS 10.14.6 (18G87)


vue component
<carousel>
    <slide>
        Slide 1 Content
    </slide>
    <slide>
         Slide 2 Content
    </slide>
</carousel>

plugins/main.js
import Vue from 'vue';
import Carousel3d from 'vue-carousel-3d';
import VueCarousel from 'vue-carousel';

Vue.use(VueCarousel);
Vue.use(Carousel3d);

nuxt.config.js
/*
  ** Plugins to load before mounting the App
  */
  plugins: [
    {src:'~/plugins/main.js',ssr:false}
  ],


A: Have you tried importing Vue Carousel locally into your component?
import { Carousel, Slide } from 'vue-carousel';
export default {
  ...
  components: {
    Carousel,
    Slide
  }
  ...
};

