显示为碎片的Laravel passport vue组件_Laravel_Vue.js_Laravel Passport

显示为碎片的Laravel passport vue组件

laravel vue.js

显示为碎片的Laravel passport vue组件,laravel,vue.js,laravel-passport,Laravel,Vue.js,Laravel Passport,我在现有的Laravel 5.3项目中安装了新的Laravel passport 编辑：我现在意识到，如果我尝试导入任何Vue组件（甚至是默认的示例组件），它们都会显示为片段我正在尝试将Vue组件导入到我的应用程序中，但是当我这样做时，chrome中的Vue调试工具告诉我这些元素是片段查看页面的源代码，它没有提到它们，所以我猜组件已经正确注册到页面中了我四处查看，发现在vue中引用此错误的大多数位置都是由于vue组件未包装在以页面中某个元素为根的div中，而相同的组件在新安装中工作我应该

我在现有的Laravel 5.3项目中安装了新的Laravel passport

编辑：我现在意识到，如果我尝试导入任何Vue组件（甚至是默认的示例组件），它们都会显示为片段

我正在尝试将Vue组件导入到我的应用程序中，但是当我这样做时，chrome中的Vue调试工具告诉我这些元素是片段

查看页面的源代码，它没有提到它们，所以我猜组件已经正确注册到页面中了

我四处查看，发现在vue中引用此错误的大多数位置都是由于vue组件未包装在以页面中某个元素为根的div中，而相同的组件在新安装中工作

我应该寻找什么来发现这个问题

这是我的主布局

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- CSRF Token -->
    <meta name="csrf-token" content="{{ csrf_token() }}">
    @include('includes.title')

    <!--Baked in styles -->
    @include('includes.styles')

    <!-- Theme Custom styles -->
    <link href="{{ asset('/css/custom.css') }}" rel="stylesheet">

    {{--Fonts and icons--}}


    <!-- Scripts -->
    <script>
        window.Laravel = <?php echo json_encode([
            'csrfToken' => csrf_token(),
        ]); ?>
    </script>
    @yield('css')

</head>
<body>
    @include('includes.navbar')
    @yield('content')

    <!-- Scripts -->


    {{--Core ecomplete JS--}}
    <script type="text/javascript" src="{{ asset('js/all.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/app.js') }}"></script>

    <script type="text/javascript" src="{{ asset('js/jquery.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/jquery-ui.custom.min.js') }}"></script>
    <script type="text/javascript" src="{{ asset('js/bootstrap.js') }}"></script>
    {{--End core ecomplete JS--}}

    <script type="text/javascript" src="{{ asset('js/sweetalert.min.js') }}"></script>

    @yield('js')

    <!--  Plugins -->
    <script src="{{ asset('js/gsdk-checkbox.js') }}"></script>
    <script src="{{ asset('js/bootstrap-select.js') }}"></script>
    <!--  End Plugins -->

    <!--  GSDK JS -->
    <script src="{{ asset('js/get-shit-done.js') }}"></script>





    @include('sweet::alert')
</body>
</html>

下面是我的api.blade.php的代码

@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <passport-clients></passport-clients>
                <passport-authorized-clients></passport-authorized-clients>
                <passport-personal-access-tokens></passport-personal-access-tokens>
            </div>
        </div>
    </div>

@endsection

你把这事弄清楚了吗？我也有同样的问题。你能告诉我们你所说的碎片是什么意思吗？你把它整理好了吗？我也有同样的问题。你能告诉我们你说的碎片是什么意思吗？

@extends('layouts.app')

@section('content')
    <div class="container">
        <div class="row">
            <div class="col-md-8">
                <passport-clients></passport-clients>
                <passport-authorized-clients></passport-authorized-clients>
                <passport-personal-access-tokens></passport-personal-access-tokens>
            </div>
        </div>
    </div>

@endsection

Route::get('api', function(){
    return view('api');
});