uni-app 使用easycom引入自定义组件，出现Uncaught RangeError: Maximum call stack size exceeded

利用uni-app开发微信小程序，借助它的easycom定义一个全局组件。

按照官方说明进行开发，出现了Uncaught RangeError: Maximum call stack size exceeded 这个错误。

目录结构如下：

c-header.vue内容如下：

<template>
    <view class="container">
        <c-header>
            <view class="login-top-header">
            	<navigator class="float-left" url="./loginAuth">
            		<text class="float-right login-top-header-margin-left circle"><text style="font-size: 30rpx;">登录</text></text>	
            	</navigator>
            	
            	<navigator class="intro float-right login-top-label login-top-header-margin-right" url="../personCenter/personCenter">
            		<image class="img login-arrow-img " src="/static/img/arrow_login.png" mode="aspectFill"></image>
            	</navigator>
            </view>
        </c-header>
    </view>
</template>

<script>
	export default {
		// name: "cheader",
		data() {
			return {
				
			};
		},
		// 此处定义传入的数据
		props: {
		}
		
	}
</script>

<style scoped>	
	.login-img-scroll {
		width: 100%;
		height: 80%;
		margin-top: 30rpx;
	}
	
	.login-top-header {
		background-color: white; 
		height: 100rpx;
		border:1px solid grey;
		border-radius:100rpx;
	}
	
	.login-top-header-margin-right {
		margin-right: 15rpx;
	}
	
	.login-top-header-margin-left {
		margin-left: 15rpx;
	}

</style>

pages.json里面如下：

看提示应该是栈溢出，起初以为是文件太多，没有压缩导致的，后经仔细检查，

发觉是因为在c-header.vue里面写了 <c-header></c-header>导致了递归引用。去掉 <c-header></c-header> 保留里面的内容即可。