Laravel プロジェクトで Vue 3 コンポーネントを表示できない

Question

考えられることはすべて試しましたが、ビルド エラーは発生しませんでしたが、非常に単純なプロジェクトに Vue コンポーネントを読み込むことができません。理由はわかりませんが、Laravelserve を使用してページを表示しようとすると、空白のページが表示されます。

welcome.blade.php

リーリー

app.js

リーリー

Home.vue

リーリー

webpack.mix.js

ああああ

Answer 1

ブレードのタグを <Home /> から <home /> に変更してみましたか? 別のユーザーが書いたように、コンポーネントをインポートする行に .default

を追加する必要があります

Answer 2

私のスコアのせいでコメントできません。申し訳ありませんが、日よけのようにしなければなりません。

---

行 app.component('home', Home); がコンプをインポートする正しい方法であると確信していますか? 私が見つけたものに基づくと、これは

になるためです。

Vue.component('home', require('./components/Home.vue').default);

＃＃＃それでおしまい。