Vueのコンポーネントはlaravelにパスポートに表示されない5.3

Question

私は私のビューファイルにapp.js

/** 
* First we will load all of this project's JavaScript dependencies which 
* include Vue and Vue Resource. This gives a great starting point for 
* building robust, powerful web applications using Vue and Laravel. 
*/ 

require('./bootstrap'); 

/** 
* Next, we will create a fresh Vue application instance and attach it to 
* the body of the page. From here, you may begin adding components to 
* the application, or feel free to tweak this setup for your needs. 
*/ 

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

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') 
); 


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

に次のリンク https://laravel.com/docs/5.3/passport

を使用してlaravel 5.3でパスポートをしようとしていますこんにちは

@extends('layouts.app') 

@section('content') 

<div class="container"> 
    <div class="row"> 
     <div class="col-md-8 col-md-offset-2"> 
      <passport-clients></passport-clients> 
      <passport-authorized-clients></passport-authorized-clients> 
      <passport-personal-access-tokens></passport-personal-access-tokens> 
     </div> 
    </div> 
</div> 
@endsection 

6.7.0でも6.4.0にノードを更新するのに疲れましたが、私のために働いていることに気付いた また、gulpファイルを変更しました

const elixir = require('laravel-elixir'); 

require('laravel-elixir-vue'); 

/* 
|-------------------------------------------------------------------------- 
| Elixir Asset Management 
|-------------------------------------------------------------------------- 
| 
| Elixir provides a clean, fluent API for defining some basic Gulp tasks 
| for your Laravel application. By default, we are compiling the Sass 
| file for our application, as well as publishing vendor resources. 
| 
*/ 
elixir(function (mix){ 
    mix.sass('app.scss') 
     .webpack('app.js'); 
}); 

が、テンプレートは

Answer 1

はあなたがlayouts.appでJSファイル

@yield('content') 
</div> 

<!-- Scripts --> 
**<script src="/js/app.js"></script>** 
</body> 
</html> 

、アプリ内に含まれていることを確認してください含まに対して追加を指摘しても、ソースコードで、私の見解では表示されません。 jsは本文を#appに変更します

私は同じ問題に直面し、これは私のために働いた。