Bootstrap JavaScript在包括app.js laravel之后无法正常工作

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。