開発環境

• macOS: Sequoia 15.1.1
• Ruby: 3.1.4
• Rails: 7.0.4
• Node.js: 18.19.0
• yarn: 1.22.22
• esbuild: 0.17.18
• Docker

gem関連

• gem "jsbundling-rails"
• gem 'dartsass-rails’

1. yarnでDockerコンテナ内にインストール

1-1. コンテナを起動

docker compose up

1-2. コンテナ内でSwiper v.11.1.14をインストール

docker compose exec web yarn add [email protected]

結果

• node_modules/swiperが追加されていることを確認

• 特に、この後node_modules/swiper/swiper-bundle.cssとnode_modules/swiper/swiper-bundle.jsを参照するので、要確認