現在作成中のアプリにおいて、slick.jsを使用したいのですが、slickが反映されません。
色々と調べてみたのですが、画像がhtml通りに羅列されるだけで、
全くわからなくなってしまったのでアドバイスいただければと思います。
slick導入時点の根本的な問題でしょうか?
よろしくお願いいたします。
他に必要なファイルがあれば記述いたします。
html
<ul class="slider"> <li><img src="/assets/space.jpg"></li> <li><img src="/assets/flower.jpg"></li> <li><img src="/assets/forest.jpg"></li> <li><img src="/assets/lion.jpg"></li> <li><img src="/assets/mountain.jpg"></li> </ul>
app/fronts/packs/application.js
require("@rails/ujs").start() require("turbolinks").start() require("@rails/activestorage").start() //= require("channels") //= require('jquery') import 'bootstrap' import '@fortawesome/fontawesome-free/js/all' import '../stylesheets/application' import '../javascripts/application' import '../javascripts/slick.min'
app/fronts/javascripts/application.js
$(function() { $('.slider').slick(); });
app/fronts/stylesheets/application.scss
@import '~@fortawesome/fontawesome-free/scss/fontawesome';//fontawesome5 @import 'slick-theme'; @import 'slick'; @import 'custom';
confing/webpacker.yaml
default: &default source_path: app/fronts source_entry_path: packs public_root_path: public public_output_path: packs cache_path: tmp/cache/webpacker check_yarn_integrity: false webpack_compile_output: true
gemfile
ruby
1 2 3gem 'rails', '~> 6.0.1' 4gem 'mysql2', '>= 0.4.4' 5gem 'dotenv-rails' 6gem 'puma', '~> 4.1' 7gem 'sass-rails', '>= 6' 8gem 'webpacker', '~> 4.0' 9gem 'turbolinks', '~> 5' 10gem 'jbuilder', '~> 2.7' 11gem 'bcrypt', '~> 3.1.7' 12gem 'devise' 13gem 'devise-i18n' 14gem 'devise-i18n-views' 15gem 'kaminari' 16gem 'carrierwave' 17gem 'mini_magick' 18gem 'bootsnap', '>= 1.4.2', require: false 19
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。