为什么没有显示

<template>
  <div class="home">
    <img alt="Vue logo" src="../assets/logo.png">
    <HelloWorld msg="Welcome to Your Vue.js App"/>
    <my-component-name/>
  </div>
</template>

<script>
import Vue from 'vue'
// @ is an alias to /src
import HelloWorld from '@/components/HelloWorld.vue'

Vue.component('my-component-name',{
  template:'<h3>我的第一个局部组件</h3>'
})

export default {
  name: 'HomeView',
  components: {
    HelloWorld
  }
}
</script>
依赖
"dependencies": {
    "core-js": "^3.8.3",
    "vue": "^2.6.14",
    "vue-router": "^3.5.1",
    "vuex": "^3.6.2"
  },