2017-04-27 21 views
0

Laravel 5.4に表示されないと、私は「パスポートのデフォルトのVueのフロントエンド」によ。問題は、VUEコンポーネントがLaravel 5.4に表示されないことです。 リソース/のJS/app.js:パスポートのコンポーネントは、私はこの<a href="https://laravel.com/docs/5.4/passport" rel="nofollow noreferrer">tutorial</a>に続い

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で "​​NPMの実行DEV" を実行しますが、私は、その構成要素を見ることができません私の意見私はサンプルコンポーネントを見ることができません。

答えて

1

私の問題は非常に腐敗していました。
app.jsファイルの最後にファイルの行のコンポーネントを書き込む必要があります。ウィンドウの後.vue ...

関連する問題

 関連する問題