javascript - 包含 app.js Laravel 后 Bootstrap javascript 无法工作

Question

我已经包含了 laravel app.js 以便使用 Vue，但现在我的 Twitter Bootstrap 下拉菜单无法正常工作。

<script type="text/javascript" src="{!! asset('js/app.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/core/libraries/jquery.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/core/libraries/bootstrap.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/loaders/pace.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/loaders/blockui.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/ui/nicescroll.min.js') !!}"></script>
    <script type="text/javascript" src="{!! asset('assets/js/plugins/ui/drilldown.js') !!}"></script>

    <script type="text/javascript" src="{!! asset('assets/js/core/app.js') !!}"></script>

一旦我删除第一个脚本(Laravel 的 app.js)，下拉菜单就会再次正常工作。

Answer 1

Laravel 的默认 npm 包已经包含 Twitter Bootstrap javascript。现在，您执行相同的代码两次，这可能会导致错误并破坏您的下拉菜单，而且还会破坏页面上的所有其他 JavaScript。