#1-vue.runtime.esm.js: Uncaught RangeError: Maximum call stack size exceeded

环境：Windows，vue 3.5.5

\path\to\project_name\ys-admin\src\views\Govern\TopAdd.vue 页面中，引入同级 components 目录中的 \path\to\project_name\ys-admin\src\views\Govern\components\TopForm.vue

---

TopAdd.vue 代码，如下：

---

components\TopForm.vue 代码如下：

---

浏览器 console 中，出现了 vue 的神奇报错。如下：

vue.runtime.esm.js?2b0e:4478 Uncaught RangeError: Maximum call stack size exceeded
    at defineReactive$$1 (vue.runtime.esm.js?2b0e:1006)
    at initRender (vue.runtime.esm.js?2b0e:3496)
    at VueComponent.Vue._init (vue.runtime.esm.js?2b0e:4997)
    at new VueComponent (vue.runtime.esm.js?2b0e:5148)
    at createComponentInstanceForVnode (vue.runtime.esm.js?2b0e:3283)
    at init (vue.runtime.esm.js?2b0e:3114)
    at createComponent (vue.runtime.esm.js?2b0e:5972)
    at createElm (vue.runtime.esm.js?2b0e:5919)
    at createChildren (vue.runtime.esm.js?2b0e:6047)
    at createElm (vue.runtime.esm.js?2b0e:5948)

重点是在:

vue.runtime.esm.js?2b0e:4478 Uncaught RangeError: Maximum call stack size exceeded

---

排查了很久，甚至将整个 components/TopForm.vue 设置为最简单内容，都无法解决报错。因此，才发现了居然是 ___export default 中的 name 与 import TopForm from './components/TopForm.vue' 同名的缘故。

只需将 name 对应的名字修改为 TopAddForm 即可。（与 import 的名字不同即可）

image.png