Vuejs2 未捕获引用错误：Spark Laravel中未定义总线_Vuejs2_Laravel Spark

Vuejs2 未捕获引用错误：Spark Laravel中未定义总线

vuejs2

Vuejs2 未捕获引用错误：Spark Laravel中未定义总线,vuejs2,laravel-spark,Vuejs2,Laravel Spark,我试图将导航栏上的Laravel Spark下拉菜单中的某些功能移到我的app.blade.php中我的代码如下所示 <body class="skin-1">  <div id="spark-app" v-cloak>  @include('layouts.wf_navigation') <!-- Pag

我试图将导航栏上的Laravel Spark下拉菜单中的某些功能移到我的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>

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

  window.Bus = new Vue();
}

更新

Bus变量是在App.js本身中定义的，代码如下所示

<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>

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

  window.Bus = new Vue();
}

注意：上一个问题通过删除我的app.blade.php顶部包含的额外Vuejs文件得到修复

<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>

更新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>



@如果（$currentTeam）










@包括（'spark:：导航团队'）


@恩迪夫

它调用@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>

{{{ucfirst（str_复数形式（Spark:：teamString（））}
@if（Spark:：createsAdditionalTeams（））


@恩迪夫
@if（Spark:：showsTeamSwitcher（））


@恩迪夫

'footer.blade.php'


V4.0
由能源引擎和复制提供动力；2010-2017

我是vue的新手，所以不知道那里发生了什么

定义了

总线

在哪里，这确实有帮助。@Saurabh不，这没有帮助，我已经经历过了。我正在更新问题，我只是updated@Saurabh该问题已得到解决，我曾两次调用Vue js，一次是从cdn调用的，另一次已经在Spark的包中。@Saurabh我现在遇到了这个错误

[Vue warn]：模板应该只负责将状态映射到UI。避免在模板中放置具有副作用的标记，例如是否可以添加相关的模板代码，如错误所示，您可能在vue组件模板中包含了一些标记。