Uncaught ReferenceError: шина не определена в Spark Laravel

Я пытался перенести некоторые функции, такие как "Раскрытие Laravel Spark" в NavBar, на мой app.blade.php.

мой код выглядит так

<body class="skin-1">

  <!-- Wrapper-->
    <div  id="spark-app" v-cloak>

        <!-- Navigation -->
        @include('layouts.wf_navigation')

        <!-- Page wraper -->
        <div id="page-wrapper" class="gray-bg">

            <!-- Main view  -->
            @yield('content')



            <!-- Footer -->
            @include('layouts.footer')

        </div>
        <!-- End page wrapper-->

    </div>
    <!-- End wrapper-->
@show
<script src="/js/app.js"></script>

но я получаю ошибку

Uncaught ReferenceError: шина не определена

ошибка ссылается на эту строку кода в APp.js

  Bus.$on('updateUser', function () {
            self.getUser();
        })

ОБНОВИТЬ

Переменная Bus определяется в самом App.js, код выглядит так

if (window.Vue === undefined) {
  window.Vue = __webpack_require__(287);

  window.Bus = new Vue();
}

примечание: предыдущая проблема была исправлена ​​путем удаления дополнительного файла Vuejs, который был включен в начало моего app.blade.php

Обновление 1 есть новая ошибка

[Vue warn]: шаблоны должны отвечать только за отображение состояния в пользовательский интерфейс. Избегайте размещения тегов с побочными эффектами в ваших шаблонах, таких как.

включенные шаблоны

wf_navigation.blade.php

<div class="row border-bottom">
    <nav class="navbar navbar-static-top white-bg" role="navigation" style="margin-bottom: 0">
        <div class="navbar-header">
            <a class="navbar-minimalize minimalize-styl-2 btn btn-primary " href="#"><i class="fa fa-bars"></i> </a>
            <form role="search" class="navbar-form-custom" method="post" action="/">
                <div class="form-group">
                    <input type="text" placeholder="Search for something..." class="form-control" name="top-search" id="top-search" />
                </div>
            </form>
        </div>


        <ul class="nav navbar-top-links navbar-right">


        <?php $currentTeam = auth()->user()->currentTeam; ?>

        @if($currentTeam)
        <li>
            <a href="" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">
                {{ $currentTeam->name }}
                <span class="caret"></span>
            </a>

            <ul class="dropdown-menu" role="menu">
                <li>
                    <a href="/settings/teams/{{$currentTeam->id}}#/owner">Profile</a>
                </li>
                <li>
                    <a href="/settings/teams/{{$currentTeam->id}}#/membership">Members</a>
                </li>
                <li>
                    <a href="/settings/teams/{{$currentTeam->id}}#/subscription">Subscription</a>
                </li>
                <li>
                    <a href="/settings/teams/{{$currentTeam->id}}#/invoices">Invoices</a>
                </li>

                @include('spark::nav.teams')

            </ul>
        </li>
        @endif

        </ul>

    </nav>
</div>

Который вызывает @include ('spark:: nav.teams')

teams.blade.php выглядит так

<li class="dropdown-header">{{ ucfirst(str_plural(Spark::teamString())) }}</li>

<!-- Create Team -->
@if (Spark::createsAdditionalTeams())
    <li>
        <a href="/settings#/{{str_plural(Spark::teamString())}}">
            <i class="fa fa-fw fa-btn fa-plus"></i>Create {{ ucfirst(Spark::teamString()) }}
        </a>
    </li>
@endif

<!-- Switch Current Team -->
@if (Spark::showsTeamSwitcher())
    <li v-for="team in teams">
        <a :href="'/{{ str_plural(Spark::teamString()) }}/'+ team.id +'/switch'">
            <span v-if="user.current_team_id == team.id">
                <i class="fa fa-fw fa-btn fa-check text-success"></i>@{{ team.name }}
            </span>

            <span v-else>
                <img :src="team.photo_url" class="spark-team-photo-xs"><i class="fa fa-btn"></i>@{{ team.name }}
            </span>
        </a>
    </li>
@endif

<li class="divider"></li>

'Footer.blade.php'

<div class="footer"> <div class="pull-right"> V4.0 </div> <div> <strong>Powered By</strong> Energy Engine &copy; 2010-2017 </div> </div>

Я новичок в Vue, так что понятия не имею, что там происходит

Источник

0 ответов

Другие вопросы по тегам