Ich habe das Problem gelöst und es veröffentlicht.
rails : 6.0.3.2 ruby : 2.6.6 Docker, docker-compose
http://kenwheeler.github.io/slick/
Einführung von jQuery
qiita.rb
$ docker-compose run --rm web npm i slick-carousel
Irgendwie
40 packages are looking for funding
run `npm fund` for details
found 0 vulnerabilities
qiita.rb
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.css"/>
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.js"></script>
Da die Einstellung der Folienanzeigemethode offiziell geschrieben ist, wird nur ein Teil eingeführt. Ich denke, es ist anders geschrieben als andere Leute, weil es nicht glatt geladen hat.
slideshow.js
const jQuery = require('jquery');
require('slick-carousel');
(function($) {
$(function() {
$('.theTarget').slick({
dots: true,
autoplay: true,
fade: true,
autoplaySpeed: 3000
});
})
})(jQuery);
ruby:show.html.erb
<div class = "theTarget">
<%= image_tag 'abc.png' %>
<%= image_tag 'def.png' %>
<%= image_tag 'ghi.png' %>
<%= image_tag 'jkl.png' %>
<%= image_tag 'mno.png' %>
</div>
<%= javascript_pack_tag 'slideshow.js' %> #Js-Datei lesen
In diesem Fall konnte ich den Fehler beheben, indem ich bin / webpack ausführte und kompilierte. Ich verstehe Webpack nicht, deshalb weiß ich nicht, warum ich das tun muss
qiita.rb
% docker-compose run --rm web bin/webpack
Version: webpack 4.43.0
Time: 15190ms
Built at: 07/24/2020 11:18:43 PM