Rails　swiperを導入して画像のスライダーの実行

前提・実現したいこと

Ralisを用いて今日のレシピを投稿しあうアプリを作成しております。
そのトップページで予め用意した画像を利用して
swiperでスライダーを作成しております。

今回の質問内容としては以下です。
画像とスライドの矢印（←・→）は表示させることができましたが
実際に矢印を押下しても画像がスライドされません。

swiper導入に関しては以下手順で行っています。

①VSコード、app/assets/stylesheetsへswiper.min.cssを配置

②VSコード、app/javascriptへswiper.min.jsを配置

③VSコード、app/views/layout/application.html.erbへ以下の記述

<link rel="stylesheets" href="app/assets/stylesheets/swiper.min.css">
<script src="app/javascript/swiper.min.js" defer></script>
<script src="app/javascript/script.js" defer></script>

④VSコード、app/javascript/apprication.jsへ以下の記述

require("../script")
require("../swiper.min")

⑤VSコード、app/views/cooks/index.html.erbへ以下の記述

<div class="swiper-container"> 
    <div class="swiper-wrapper">
        <div class="swiper-slide"><img src="images/img01.png"></div>
        <div class="swiper-slide"><img src="images/img02.png"></div>
        <div class="swiper-slide"><img src="images/img03.png"></div>
    </div>
    <div class="swiper-pagination"></div>

    <div class="swiper-button-prev"></div>
    <div class="swiper-button-next"></div>
</div>

⑥VSコード、app/javascript/script.jsへ以下の記述

var mySwiper = new Swiper('.swiper-container', {
  // Optional parameters
  // direction: 'vertical',
  // loop: true,

  // If we need pagination
  pagination: {
    el: '.swiper-pagination',
  },

  // Navigation arrows
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
})

ここまでの実装で想定していた挙動としては
トップページにて→を押下すると用意した画像のスライドができる。です。

発生している問題・エラーメッセージ（コンソール）

Uncaught ReferenceError: Swiper is not defined　　　script.js:1

Failed to load resource: the server responded with a status of 404 (Not Found)　　　swiper.min.js:1 

Failed to load resource: the server responded with a status of 404 (Not Found)　　　script.js:1