Solutions to ineffective uniapp import components

Customize footer Components ：

 

Introduced when used in parent component ：

<template>
      <footer :active="3"></footer>
</template>

<script>
    import footer from '../../../components/footer/footer.vue'
    export default {
	    components: {
	    	footer
	    },
    }
</script>

The above method is invalid and does not display components , There was no error ~

In the template footer Put it in capital letters Footer That's all right. ...

<template>
      <Footer :active="3"></Footer>
</template>

<script>
    import footer from '../../../components/footer/footer.vue'
    export default {
	    components: {
	    	footer
	    },
    }
</script>