Vue3项目Footer组件不渲染，出现调用栈溢出等错误警告该如何解决？

问题原因 #

该报错是组件无限递归渲染导致的调用栈溢出，日志中反复出现<Footer>条目可直接佐证：你的Footer组件内部触发了自引用，渲染时会无限调用自身，最终撑爆最大调用栈。该问题和你之前删除的Vue-router无关。

修复方案 #

你可以任选以下一种方案修正：

• 修改Footer单文件组件的name属性为不会和自身引用冲突的命名，例如AppFooter
• 检查Footer组件内部的组件注册逻辑，如果错误引入了Footer组件自身，直接删除对应的引入、注册代码即可
• 如果是模板内标签书写错误，将误写的<Footer>标签改为你实际要渲染的对应标签即可

内容的提问来源于stack exchange，提问作者Ahmed Elbessfy