laravel passport的app.js中未定义require

我想在我的项目中使用Laravel Passport，我遵循了Laravel Passport的教程

在完成本教程之后，我得到了未捕获引用错误：未定义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

@extends('layouts.blank')
@section('content')

<div class="container" id="manage-passport">

  <!-- let people make clients -->
    <passport-clients></passport-clients>

    <!-- list of clients people have authorized to access our account -->
    <passport-authorized-clients></passport-authorized-clients>

    <!-- make it simple to generate a token right in the UI to play with -->
    <passport-personal-access-tokens></passport-personal-access-tokens>
</div>

@stop

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

@extends（'layouts.blank'）
@节（“内容”）
@停止

blank.blade.php

@extends('layouts.blank')
@section('content')

<div class="container" id="manage-passport">

  <!-- let people make clients -->
    <passport-clients></passport-clients>

    <!-- list of clients people have authorized to access our account -->
    <passport-authorized-clients></passport-authorized-clients>

    <!-- make it simple to generate a token right in the UI to play with -->
    <passport-personal-access-tokens></passport-personal-access-tokens>
</div>

@stop

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

护照
@产量（‘含量’）
@堆栈（'脚本'）

---

在没有代币的情况下，问题可能会出现

blank.blade.php

@extends('layouts.blank')
@section('content')

<div class="container" id="manage-passport">

  <!-- let people make clients -->
    <passport-clients></passport-clients>

    <!-- list of clients people have authorized to access our account -->
    <passport-authorized-clients></passport-authorized-clients>

    <!-- make it simple to generate a token right in the UI to play with -->
    <passport-personal-access-tokens></passport-personal-access-tokens>
</div>

@stop

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

---

改变后你吞咽了吗？是的，但这表明我错了。你是怎么吞咽的？看起来你没有吞咽，否则你不会得到那个错误。将

mix.scripts

更改为

mix.wekpack

当我更改为mix.wekpack时，吞咽会给我以下错误。Clients.vue模块中出错在Clients.vue解析失败。意外标记您可能需要一个合适的加载器来处理此文件类型SyntaxError:意外标记您在文件resource/assets/js/app.js中显示了所有代码？这是因为参数未设置标记您可以更清楚地为说明创建一个新项目，或者至少看起来像set@swapnillchaudhari如果csrf标记为不在那里，您将获得csrf令牌不匹配异常。