【Vue.js】[Vue warn]: Cannot find element: #appが出る時

Tweet

Category JavaScript / Tagged vue 2020/01/15

問題

Vue.js を使おうとしているのですが、以下のエラーが出て進みません。

app.js:4277 [Vue warn]: Cannot find element: #app

答え

scriptタグにdeferがつけ忘れている場合があります。

・NG

<script src="{{ mix('js/app.js') }}"></script>

・OK

<script src="{{ mix('js/app.js') }}" defer></script>

HTML読み込み前にJavaScript実行に入ると、標題のエラーが出ます。