エラー：[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.

前提

$ 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);

プログラミングのスキルを高めるために、

以下のサイトを参考にしてみてください。

コメントはまだありません。