too long

Question

I've included laravel app.js in order to use Vue but now my Twitter Bootstrap dropdowns are not working.

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

As soon as I remove the first script (Laravel's app.js) dropdowns are working fine again.

Answer 1

Laravel's default npm package already includes Twitter Bootstrap javascript. Now you're executing the same code twice, which may cause errors and break your dropdown, but also all other javascript on your page.