Laravel 5.5 및 Vue.js에 템플릿이 표시되지 않습니다.

Question

Vue.js의 템플릿이 blade.php에 표시되지 않으므로 문제가 있습니다. 나는이 튜토리얼 https://www.itechempires.com/2017/10/laravel-5-5-vuejs-2-0-crud-operations-application/에서 한 단계 한 걸음 씩 나아 갔고 작동하지 않는다.

내 코드 :

Roster.vue

<template> 
    <div class="container"> 
     <div class="row"> 
      <div class="col-md-12"> 
       <div class="panel panel-default"> 
        <div class="panel-heading">Roster</div> 

        <div class="panel-body"> 

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

<script> 
    export default { 
     mounted() { 

     } 
    } 
</script> 

는

/** 
* First we will load all of this project's JavaScript dependencies which 
* includes Vue and other libraries. It is a great starting point when 
* building robust, powerful web applications using Vue and Laravel. 
*/ 

require('./bootstrap'); 

window.Vue = require('vue'); 

/** 
* Next, we will create a fresh Vue application instance and attach it to 
* the page. Then, you may begin adding components to this application 
* or customize the JavaScript scaffolding to fit your unique needs. 
*/ 

Vue.component('example-component', require('./components/ExampleComponent.vue')); 
Vue.component('roster', require('./components/Roster.vue')); 

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

명단 블레이드를 app.js :

@extends('layouts.admin.dashboard') 


@section('content') 


<task></task> 

@endsection 

내가 꿀꺽 시계와 여전히 아무것도를 달렸다.

------------ 편집 : 문제에 대한 솔루션이 문제에 대한 <div id="app"> </div>

Answer 1

솔루션은 블레이드 파일에 <div id="app"> </div> 및

<script src="{{ mix('js/app.js') }}"></script> 

누락되었다되었다.