Railsでslickを使ったスライダーを導入したいです。

前提・実現したいこと

RailsでSNSアプリケーションを作成しており、画像複数投稿機能を実装し、複数画像をスライダーで
表示しようと思い、実装したところ以下のようなエラーが発生してしまいました。

発生している問題・エラーメッセージ

jQuery.Deferred exception: $(...).slick is not a function TypeError: $(...).slick is not a function
at HTMLDocument.<anonymous> (http://localhost:3000/packs/js/application-48c9f9321d611df49141.js:152:21)
    at mightThrow (http://localhost:3000/packs/js/application-48c9f9321d611df49141.js:18327:36)
    at process (http://localhost:3000/packs/js/application-48c9f9321d611df49141.js:18366:19) undefined

Uncaught TypeError: $(...).slick is not a function
at HTMLDocument.<anonymous> (application.js:15)
at mightThrow (deferred.js:95)
at process (deferred.js:134)

該当のソースコード

js
1//= require jquery
2//= require jquery_ujs
3require("@rails/ujs").start()
4require("@rails/activestorage").start()
5import "channels";
6import '../preview';
7import '../slick.min'
8require('jquery')
9
10$(function() {
11  $('.show-images').slick({
12      dots: true,
13  });
14});

html
1  <head>
2    <%= csrf_meta_tags %>
3    <%= csp_meta_tag %>
4    <link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
5    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
6
7    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
8
9    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
10    <link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick-theme.css"/>
11
12    <script src="https://code.jquery.com/jquery-3.3.1.min.js" integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" crossorigin="anonymous"></script>
13    <link href="https://use.fontawesome.com/releases/v5.6.1/css/all.css" rel="stylesheet">
14  </head>

html
1<div class ="show-images">
2  <% post.images.each do |image| %>
3    <li class="slider"><%= image_tag image.variant(resize: '300x300') , class: 'post-image' %></li>
4  <% end %>
5</div>