javascript - vue-carousel 无法读取未定义的属性 'forEach'

Question

我使用yarn安装vue-carousel并添加复制表单文档的模板代码。然后出现错误，提示无法读取未定义的属性“forEach”。

Frontend screenshot console screenshot

• 节点/npm 版本:6.10.3
• 操作系统:macOS 10.14.6 (18G87)

vue组件

<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}
  ],

Answer 1

您是否尝试过将 Vue Carousel 本地导入到您的组件中？

import { Carousel, Slide } from 'vue-carousel';
export default {
  ...
  components: {
    Carousel,
    Slide
  }
  ...
};