SOFTELメモ Developer's blog

会社概要 ブログ 調査依頼 採用情報 ...
技術者募集中

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

問題

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実行に入ると、標題のエラーが出ます。

関連するメモ

コメント(2)

匿名 2020年1月16日 11:21

スペルミスがあります

yoshimura 2020年1月16日 16:38

ありがとうございます。修正しました。
daefer -> defer