VueCLIについて絶賛学習中なのだが、そこで出たエラーについて記録を残しておこうと思う。

起こったエラー内容について

viewsフォルダーに新規ファイルを追加し、そこに新たなVue.jsを記載した。

記載内容は以下。

<script>
export default{
    name: "new",　　←エラー箇所
    data:function(){
        return{
           memoBody: ""
        }
}

このように記載し、コンパイルを実行すると一つのエラーがでた。エラー内容は以下。

error  Component name "new" should always be multi-word  vue/multi-word-component-names

調べると、Component nameは複数の単語でできたものでないと駄目なようだ。

記述の変更、エラーの解消まで

そこで記述を以下のように変更した。

export default{
    name: "newMemo",
    data:function(){
        return{
           memoBody: ""
        }
    }
}

上記のようにname: “new”をname: “newMemo”,に変更するとエラーは解消された。

まとめ

こちらのエラーを解消するために、至極時間を費やしてしまった。。。。

nameをつけるときは複数の単語で！！忘れないようにメモメモ。。