vue slick carousel Uncaught (in promise) TypeError: this.$slots.default is undefined

Question

你好我想在vue组件中添加一个带有vue slick carousel的carousel 像这样

<vue-slick-carousel
          v-if="groupOne && groupOne.length > 0"
          v-bind="settings"
        >
          <component
            :is="picture.template"
            v-for="picture in groupOne"
            :key="picture.title"
            :params="picture"
            :size="params.size"
            @click="onClick(picture)"
          />
        </vue-slick-carousel>
<script>
import 'vue-slick-carousel/dist/vue-slick-carousel.css';
export default{
 components: {
    VueSlickCarousel: () => import('vue-slick-carousel'),
}
data() {
    return {
      settings: {
        arrows: true,
        slidesToShow: 1,
        lazyLoad: 'ondemand',
        autoplay: true
      }
    };
  },
}
</script>

不工作我的控制台出现这个错误

未捕获（承诺）TypeError: this.$slots.default is undefined

请帮帮我！

Answer 1

问题似乎来自动态导入，请尝试使用正常导入，如：

<vue-slick-carousel
          v-if="groupOne && groupOne.length > 0"
          v-bind="settings"
        >
          <component
            :is="picture.template"
            v-for="picture in groupOne"
            :key="picture.title"
            :params="picture"
            :size="params.size"
            @click="onClick(picture)"
          />
        </vue-slick-carousel>
<script>
import 'vue-slick-carousel/dist/vue-slick-carousel.css';
import VueSlickCarousel from 'vue-slick-carousel'

export default{
 components: {
    VueSlickCarousel
},
data() {
    return {
      settings: {
        arrows: true,
        slidesToShow: 1,
        lazyLoad: 'ondemand',
        autoplay: true
      }
    };
  },
}
</script>

Answer 2

我有一条类似的错误消息，结果证明是微不足道的。我在网站上有几个滑块，其中一些滑块的项目列表是空的。没有内容的滑块会抛出这样的错误。只需用 v-if='collection.length > 0' 包装所有滑块，问题就解决了。

Answer 3

我也遇到了这个问题。我通过放置 v-if='groupOne.length > 0' 修复了它，错误消失了。

vue slick carousel Uncaught (in promise) TypeError: this.$slots.default is undefined

vue slick carousel Uncaught (in promise) TypeError: this.$slots.default is undefined

javascript

vue.js

vue-component