大学生/大学院生向け

在宅ワークのお仕事

プルグラミング学習の無料相談も可能良く

プログラミング学習の定額のサブスク

サイト/ブログ作成をコスパ良く

プロフィール

学ぶパンダ

初心者向けにプログラミング学習や

就職・転職に向けた情報を発信

Google Workspceで便利に作業

大学生/大学院生向け

在宅ワークのお仕事

プルグラミング学習の無料相談も可能良く

プログラミング学習の定額のサブスク

サイト/ブログ作成をコスパ良く

エラー:[Vue warn]: Failed to mount component: template or render function not defined.

LaravelのVueコンパイルはうまくいくが、
画面の表示時に、JSのコンソールにエラーが起きた。

[Vue warn]: Failed to mount component: template or render function not defined.

前提

Laravelのバージョン

$ php artisan --version
Laravel Framework 5.8.36

エラー内容

コンパイルは

このように、問題ない。

ただ、JSコンソールのログに

[Vue warn]: Failed to mount component: template or render function not defined.

というエラーが発生。

対策

修正内容としては、
resource/js/app.jsのVueのコンポーネントの定義を変更。

Vue.component('sample', require('./components/Sample.vue'));
// 下記のように「default」をつける
Vue.component('sample', require('./components/Sample.vue').default);

スキルを使って、就職/転職/副業する時のサイト

プログラミングのスキルなどを、自分なりに高めた上で、

自分のスキルをアピールして就職や転職を行い、年収をあげるか、

副業という形で、年収にプラスアルファの稼ぎを増やすことはできます。

まずはできる範囲で取り組むことで、

少しずつ、経験値も増え、自分のスキルが収入につながるのでおすすめです。

ピックアップ

おすすめ記事