我正在vue.js中使用模板创建spa。
我创建了一个侧栏组件，并将其导入到将显示侧栏的视图中。当我将侧栏添加到组件时，我将遇到以下错误。
rangeerror:超出了最大调用堆栈大小
[vue warn]：nexttick中的错误：“rangeerror:超出最大调用堆栈大小”
我已经尝试了这篇堆栈溢出文章中提到的解决方案，但它对我来说不起作用。
下面是我的sidebar.vue的示例代码

<template>
  <side-bar>
    <template slot="links">
      <side-bar-item
        :link="{
          name: 'Home',
          icon: 'ni ni-shop',
          path: '/widgets'
        }"
      ></side-bar-item>
    </template>
  </side-bar>
</template>

<script>
export default {
  name: "SideBar"
};
</script>

我正在尝试将侧边栏导入dashboard.vue页面。

<template>
  <div>
    <SideBar />
  </div>
</template>

<script>
import SideBar from "@/components/SideBar.vue";

export default {
  name: "Dashboard",
  components: {
    SideBar
  }
};
</script>

希望有人能对此有所了解。非常感谢。