新しい.vueファイルを作成しようとしています

Question

コンポーネントディレクトリ内にChatMessage.vueという名前の.vueファイルを作成しようとしましたが、ディレクトリ構造は次のようになります。

ChatMessage.vueは以下Example.vue

に存在している同じファイルの内容は、リソース/資産/のJS/app.jsで参照しているしています。コードの下

Vue.component('example', require('./components/Example.vue')); 
Vue.component('chat-message', require('./components/ChatMessage.vue')); 

部品コードの下

<div id="app"> 
    <h1>Chat room</h1> 
    <example></example> 
</div> 

がコンポーネントに

<div id="app"> 
    <h1>Chat room</h1> 
    <chat-message></chat-message> 
</div> 

は表示されません示して、私は何も足りませんか？私はちょうど新しいLaravelプロジェクトを作成し、上記のように働いた。それでおしまい。この新しい作成されたプロジェクトでこれまでに何もしていません。

私は一口を使用したことがない、これは私のプロジェクト構造である..あなたはより多くの情報が必要な場合は私に知らせてください。

Answer 1

あなたが実際にあなたの資産を構築する必要があります：私は一気ファイルが存在しないことを確認することができます。まず、installコマンドを実行して、NPMの依存関係がインストールされていることを確認します。

$ npm install 

次に、Laravel Mixを使用してアセットを構築できます。

$ npm run dev 

あなたがwatchためdevを交換、プロジェクトに取り組むようにそれらを再構築したい場合。

すべてのアセットをコンパイルするには、最初にnpm installを実行してすべての依存関係をインストールする必要があります。見てみてくださいhttps://laravel.com/docs/5.4/mix