Bootstrap javascript not working after including app.js Laravel

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.

your question is not quite clear. are you using bootstrap for dropdown or you're using vue to populate dropdown? — imrealashu
– imrealashu, Commented Apr 23, 2017 at 11:33
@imrealashu I'm using bootstrap for dropdown. Now I want to use Vue to create component not related in any way to dropdown but as soon as I included app.js bootstrap's dropdowns stopped working — Michael
– Michael, Commented Apr 23, 2017 at 11:35

Daniel Gelling · Accepted Answer · 2017-04-23 12:49:22Z

3

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.

answered Apr 23, 2017 at 12:49

Daniel Gelling

9301 gold badge9 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Michael Over a year ago

You'r right ! After removing <script type="text/javascript" src="{!! asset('assets/js/core/libraries/bootstrap.min.js') !!}"></script> it works fine. Thanks !

Michael Over a year ago

For other that want to remove Laravel's included boostrap there is line in boostrap.js (not related to Twitter boostrap) that requires it

z0mbieKale Over a year ago

you are my hero

Collectives™ on Stack Overflow

Bootstrap javascript not working after including app.js Laravel

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related