Uncaught RangeError: Maximum call stack size exceeded

Uncaught RangeError: Maximum call stack size exceeded

今天在写vue的组件的时候报出了堆栈的溢出。

在这里插入图片描述


百度了一下问题貌似很普遍,但是没能解决我的问题 。
出现此类问题的原因是,引用组件的地方出现循环引用组件的情况。说的简单一点就是你引用组件的名称和你当前组件的名称一样了。更简单的说发就是把组件的名称改成独一无二的就可以。
小编的问题出现是因为下面:红框标注的名称一样

在这里插入图片描述

所以解决此问题有两种解决方法:
一种类:删除没有的组件命名。
第二种:修改名称为独一无二的名称后显示正常:
小编使用第一种,效果如下,第二种小编也测试过可以解决此问题。

在这里插入图片描述