Laravel Mix erfolgreich bauen, aber vue.js neue Komponente funktioniert nicht oder keine Änderungen

Question

Das erste Mal benutze ich vue.js in meiner Laravel App. Jedes Mal erscheint eine Meldung, dass Laravel Mix erfolgreich erstellt wurde, aber mein vie.js Kommentar ändert sich nicht.

require('./bootstrap'); 
Vue.component('example', require('./components/Example.vue')); 
Vue.component('my-vuetable', require('./components/MyVuetable.vue')); 

const app = new Vue({ 

el: '#app' 

}); 

ich vergesse, einen wichtigen Befehl auszuführen?

Ansicht:

<div class="content"> 
     <div class="title m-b-md"> 
      Laravel 
     </div> 
     <div id="app"> 

      <example></example> 
     </div> 
</div> 

Komponente

<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"> 
 
        <h1>Example Component</h1> 
 
       </div> 
 
       <div class="panel-body"> I'm an example component 5 </div> 
 
      </div> 
 
     </div> 
 
     </div> 
 
    </div> 
 
</template> 
 
<script> 
 
    export default { 
 
     mounted() { 
 
      console.log('Component mounted.') 
 
     } 
 
    } 
 
</script>

Answer 1

in bootstrap.js sucht 'X-CSRF-token': window.Laravel.csrfToken und Kommentieren Sie es