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 © 2010-2017
</div>
</div>
Я новичок в Vue, так что понятия не имею, что там происходит