2017-04-27 65 views
0

我跟着這個tutorial,我在「護照的默認Vue前端」。現在的問題是Vue Components沒有出現在Laravel 5.4中。 資源/ JS/app.js:護照組件沒有顯示在Laravel 5.4

require('./bootstrap'); 
Vue.component(
    'passport-clients', 
    require('./components/passport/Clients.vue') 
); 

Vue.component(
    'passport-authorized-clients', 
    require('./components/passport/AuthorizedClients.vue') 
); 

Vue.component(
    'passport-personal-access-tokens', 
    require('./components/passport/PersonalAccessTokens.vue') 
); 
window.Vue = require('vue'); 


Vue.component('example', require('./components/Example.vue')); 

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

資源/視圖/ home.blade.php:

@extends('layouts.app') 

@section('content') 
<div class="container"> 
    <div class="row"> 
     <div class="col-md-8 col-md-offset-2"> 
      <div class="panel panel-default"> 
       <div class="panel-heading">Dashboard</div> 

       <div class="panel-body"> 
        You are logged inn! 
        <passport-clients></passport-clients> 
        <passport-authorized-clients></passport-authorized-clients> 
        <passport-personal-access-tokens></passport-personal-access-tokens> 

        <example></example> 
       </div> 
      </div> 
     </div> 
    </div> 
</div> 
@endsection 

我在cmd中運行 「故宮運行dev的」,但我看不出成分我的看法。我看不到示例組件。

回答

1

我的問題非常糟糕。
我應該在app.js文件末尾的文件中寫入行的組件。在window.vue之後...