yarnでswiperを使いたいが、上手くいかない。

Question

初心者です。

スライドショーを実装するために
yarnでswiperを追加してswiperのcssとjsファイルを読み込ませるためにhtmlファイルに

<link rel="stylesheet" href="node_modules/font-awesome/css/font-awesome.min.css"> <script src="node_modules/swiper/dist/js/swiper.min.js"></script>

としましたが、swiperが上手く機能しません。
jsファイルの方をswiperのCDNに置き換えると動作しました。
cssファイルの方はこのままで問題ないようです。

jsディレクトリ直下のjsファイルは全て試してみましたが、どれも同じように動きませんでした。
読み込むjsファイルが違うのでしょうか、それとも使い方を根本的に間違えているのでしょうか？

ご教授お願いいたします。