単一ファイルコンポーネントのエラーについて

Question

VueCliをインストールし、vue create コマンドで、プロジェクトを作成致しました。
その後、srcディレクトリ下のApp.vue及び,main.jsの中身を変更し、新たにLikeNumber.vueを作成しました。しかし、LikeNumber.vue内でエラーが発生してしまっている状況です。
「http://localhost:8080/」にアクセスしても何も表示されませんでした。

以下は、main.jsのコードになります

import Vue from 'vue'
import App from './App.vue'
import LikeNumber from './LikeNumber.vue'

Vue.config.productionTip = false
Vue.component('LikeNumber',LikeNumber)

new Vue({
  render: h => h(App),
}).$mount('#app')

以下は、App.vueになります。

<template>
 <LikeNumber></LikeNumber>
</template>

以下はLikeNumber.vueになります。

<template>
<p>いいね({{ number }})</p>
</template>

<script>

export default {
  data:() => {   
    return {
      number:5
    }
  }
}
</script>

エラーは、エディター「VScode」に表示されているものになります。
pタグ内のnumberの箇所に、以下の２つ

・Unterminated regular expression
・Type expected.

templateタグ部分に、以下の一つが表示されていました。

・Cannot find name 'template'.

どなたか、エラー解決の為、ご助言頂けましたら幸いです。

Answer 1

当初、componentsフォルダを削除し、App.vueと同階層にLikeNumber.vueを置いていたのですが、再度componentsフォルダを作成し、その中にLikeNumber.vueを入れたら、何故かエラーが解消されました。