[Vuejs]-Vue breaks DataTables and Pace JS

by

0👍

If you have left Laravel / Webpack in its default fresh install state, I believe you will find that the bootstrap.js file is already loading jQuery globally. My guess is that since you are loading jQuery in your root page footer the fact that it is loading twice is causing your issue. When you remove your Vue instance <div id="app"></div> then you are only loading jQuery once and things work again.

So see if simply removing your CDN <script src="//code.jquery.com/jquery-3.1.1.min.js"></script> fixes the issue for you.

If the included jQuery version is not new enough then updated it using npm.

👤skribe

Leave a comment