Laravel 5.3 中未显示 Passport 组件

Posted 2023-02-22

【中文标题】Laravel 5.3 中未显示 Passport 组件

【英文标题】：Passport Components not showing up in Laravel 5.3

【发布时间】：2017-04-11 01:34:54

【问题描述】：

我关注了这个tutorial 并且我在“Passport 的默认 Vue 前端”上。现在的问题是 Vue 组件 没有出现在 Laravel 5.3 中。

resources/js/app.js：

var Vue = require('vue');
reuire('./bootstrap');
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'
);

resources/views/home.blade.php：

@extends('layouts.app')

@section('content')
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<div class="container">
    <div class="row">
        <passport-clients></passport-clients>
        <passport-authorized-clients></passport-authorized-clients>
        <passport-personal-access-tokens></passport-personal-access-tokens>
</div>
@endsection

【问题讨论】：

需要 vs reuire？

【参考方案1】：

你是在你的布局中调用你的 app.js 吗？即

layouts/app.blade.php

  <script src=" elixir('/js/app.js') "></script>
</body>

【参考方案2】：

运行“npm install”并一饮而尽。这应该可以解决您的问题。