laravelパスポートのためにapp.jsでrequireが定義されていません

私のプロジェクトでLaravel Passportを使いたいのですが、Laravel Passport https://laravel.com/docs/5.3/passportのこのチュートリアルに従っています。laravelパスポートのためにapp.jsでrequireが定義されていません

このチュートリアルを実行した後、私は未知のReferenceError：requireが定義されていませんエラーです。

私のファイルに見てください。

gulpfile.js

var elixir = require('laravel-elixir'); 
require('laravel-elixir-webpack'); 

elixir(function(mix) { 

    mix.scripts('app.js'); 

    mix.styles([ 
       'bootstrap.min.css', 
       'font-awesome.min.css', 
       'gentelella.min.css' 
       ],'public/css/app.css'); 

});

リソース/資産/のJS/app.js

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: '#manage-passport' 
});

home.blade .php
トークンが存在しない場合にたぶん

blank.blade.php

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

    <!-- Meta, title, CSS, favicons, etc. --> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 

    <title>Passport! | </title> 

    <meta name="token" id="token" value="{{ csrf_token() }}"> 
    <!-- Styles --> 
    <link href="/css/app.css" rel="stylesheet"> 

</head> 

<body class="nav-md"> 
    <div class="container body"> 
     <div class="main_container"> 
      @yield('content') 
     </div> 
    </div> 

    <script src="/js/jquery.min.js"></script> 
    <script src="/js/bootstrap.min.js"></script> 
    <script src="js/gentelella.min.js"></script> 
    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/js/toastr.min.js"></script> 
    <link href="//cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/css/toastr.min.css" rel="stylesheet"> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue/1.0.26/vue.min.js"></script> 
    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/vue-resource/1.0.3/vue-resource.min.js"></script> 
    <script type="text/javascript" src="/js/app.js"></script> 

    @stack('scripts') 

</body>

出典

2017-01-04 Swapnil Chaudhari

として送信されたパラメータuは、変更後に飲み込むたのかどうかを確認しますか？ –

はい、そのエラーが表示されます。 –

どのようにしていましたか？あなたが冗談を言っていないように思われます。そうでなければ、そのエラーは発生しません。 –

-1

問題？

blank.blade.phpも

<script> 
     window.Laravel = {!! json_encode(['csrfToken' => csrf_token()]) !!} 
</script>

は、そのようなトークン

Vue.http.interceptors.push((request, next) => { 
    request.headers.set('X-CSRF-TOKEN', Laravel.csrfToken); 

    next(); 
});

出典

2017-01-04 10:12:08 Alex

はまだ動作しておらず、同じエラーが表示されます。 –

ファイルresource/assets/js/app.jsのすべてのコードを表示しましたか？ – Alex

はい@Alex ...... –

laravelパスポートのためにapp.jsでrequireが定義されていません

答えて

関連する問題