Javascript 引导转盘类型错误：$next[0]未定义

我使用Vue2在Laravel5.5网站上构建了一个引导转盘。一切正常，但现在，突然之间，幻灯片无法正常滑动，控制台抛出以下类型错误：

TypeError:$next[0]未定义

向后滑动是可以的，但是当向右滑动（即下一张幻灯片）时，旋转木马会显示一些空白，或者直接跳到下一张幻灯片而不滑动。 我正在通过CDN导入引导。这就是我的旋转木马的外观（包括Vue指令）：

这是我的Vue文件（app.js）：

require（'./bootstrap'）；
window.Vue=require（'Vue'）；
window.filters=require（'vue2-filters'）；
window.Event=new Vue（）；
组件（'location_map'，require（'./components/HomeMaps.Vue'）；
Vue.组件（'模态'{
道具：['pic_key'，'pics'，'showGalleryModal']，
模板：`
`
});
Vue.使用（过滤器）；
新Vue({
el:'根'，
数据（）{
返回{
showGalleryModal:错误，
picu键：0，
图片：[]，
}
}
});

正如您可能已经注意到的，还有一个单独的文件组件在网站的另一个页面上做一些事情。这个错误发生在我实现这个其他组件之后，但我不明白为什么它会影响旋转木马，因为它与此无关（它甚至根本不使用引导程序）

---

然而，有没有人知道如何解决这个问题？这有可能只是一个引导错误吗？

刚刚发生在我身上。我意识到错误

$next[0]未定义

被抛出，因为我使用的是引导3，而不是4

对于Bootstrap 3，包含图片的元素的类应该是

项

，而不是

旋转木马项

因此，如果是您的情况，只需更改这一行：

<figure v-for="(pic, index) in pics" :class="(pic_key === index) ? 'carousel-item active' : 'carousel-item'">

为此：

<figure v-for="(pic, index) in pics" :class="(pic_key === index) ? 'item active' : 'item'">

<figure v-for="(pic, index) in pics" :class="(pic_key === index) ? 'carousel-item active' : 'carousel-item'">

<figure v-for="(pic, index) in pics" :class="(pic_key === index) ? 'item active' : 'item'">