VUE這兩個子組件怎么顯示不出來呢？

頁面什么都不顯示 如果不寫<Artical/>和<Write/>可以顯示出msg的內(nèi)容 寫上這兩個就什么都不顯示了 這是為什么呢？
終端窗口沒有報錯 瀏覽器控制臺報了這個錯誤


Blog.vue.

<template>
 <div>
     {{msg}}
    <Artical/> 
    <Write/>
 </div>
</template>

<script>
import Write from '@/components/Write'
import Artical from '@/components/Artical'

export default {
  name: 'Artical',
  data () {
    return {
      msg: 'test'
    }
  },
  components: {
    Artical,
    Write
  }
}
</script>

<style scoped>
</style>

Artical.vue

<template>
 <div>
   <div class="content">
       Artical
   </div>
 </div>
</template>

<script>
export default {
  name: 'Artical',
  data () {
    return {
    }
  }
}
</script>

<style scoped>
</style>

Write.vue

<template>
 <div>
   <div class="content">
       Write
   </div>
 </div>
</template>

<script>
export default {
  name: 'Write',
  data () {
    return {
    }
  }
}
</script>

<style scoped>
</style>