出力Vue.jsコンポーネント - 未知のカスタム要素

Question

私はマニュアルを参照して従っていましたが、私は次のエラーを取得しています、出力に自分のページ上のVue.jsコンポーネントをしようとしている -

[Vue warn]: Unknown custom element: <contacts> - did you register the component correctly? 

この

require('./bootstrap'); 

window.Vue = require('vue'); 

Vue.component('contacts', require('./components/Contacts.vue')); 

const app = new Vue({ 
    el: '#app' 
}); 

部品コード：

<template> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-8 col-md-offset-2"> 
       <div class="panel panel-default"> 
        <div class="panel-heading">Contacts list</div> 

        <div class="panel-body"> 

        </div> 
       </div> 
      </div> 
     </div> 
    </div> 
</template> 

<script> 
    export default { 
     mounted() { 
      console.log('Component mounted.') 
     } 
    } 
</script> 

マイブレードファイル：

私のコードです

Answer 1

謝罪、私はnpm run watchを実行していたので、VueJSコンポーネントがロードされていなかったのです。