vue-carousel 无法读取未定义的属性“forEach”

Posted 2023-02-23

【中文标题】vue-carousel 无法读取未定义的属性“forEach”

【英文标题】：vue-carousel Cannot read property 'forEach' of undefined

【发布时间】：2020-01-06 16:07:48

【问题描述】：

我正在使用 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',s-s-r:false
  ],

【问题讨论】：

根据 vue-carousel-3d 的文档，您应该使用 <carousel-3d> 作为标签而不是 <carousel>。另外，您是否将轮播和幻灯片都注册为组件？

我同意@Jbluehdorn - 你的标签看起来不像是指任何东西

我已经使用了 vue-carousel-3d 和 vue-carousel.vue-carousel-3d 组件工作正常，错误来自 vue-carousel。 vue-carousel documentation

【参考方案1】：

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

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