質問編集履歴

1

不要なコードを削除しました

2021/04/17 07:06

投稿

Tochikawa7
Tochikawa7

スコア11

test CHANGED
@@ -1 +1 @@
1
- Slickの導入ができない
1
+ Jqueryプラグイン:Slickの読み込みができていない件について
test CHANGED
@@ -2,7 +2,13 @@
2
2
 
3
3
  [こちらの記事](https://laptrinhx.com/railsdeslickwo-yongitesuraidoshowo-shi-zhuangsuru-fang-fa-yi-meizutsu-fu-shu-meizutsu-3593911005/)を参考にslickの導入を試みたものの、エラーが発生しどうにもならない状況です。
4
4
 
5
-
5
+ おそらく、jsファイル自体は読み込みが可能となっているので
6
+
7
+ slickの読み込みができていないと思われます。
8
+
9
+
10
+
11
+ なお、現在使用しているものはRails6です。
6
12
 
7
13
  #エラー内容
8
14
 
@@ -178,234 +184,24 @@
178
184
 
179
185
 
180
186
 
181
- <div class="tweet_box">
187
+
182
-
183
-
184
-
185
- <div class="tweet_box__user"> <%#投稿上部の投稿者表示%>
188
+
186
-
187
- <div class="tweet_user">
189
+ <div class="slider">
188
-
189
- <div class="tweet_user__img">
190
+
190
-
191
+
192
+
191
- <%if @practice.user.myphoto.attached?%>
193
+ <%@practice.images.each do |image|%>
192
-
193
- <%=link_to (image_tag @practice.user.myphoto, class: "smround-img"),user_path(@practice.user)%>
194
+
194
-
195
- <%else%>
195
+ <%= image_tag image %>
196
-
197
- <%=link_to (image_tag '/default_myphoto.png' , class: "smround-img"),user_path(@practice.user)%>
196
+
198
-
199
- <%end%>
197
+ <%end%>
200
-
201
- </div>
202
-
203
- <div class="tweet_user__name">
204
-
205
- <%=link_to "#{@practice.user.name}さんが投稿",user_path(@practice.user),class:"tweet_name"%>
206
-
207
- </div>
208
-
209
- </div>
210
198
 
211
199
  </div>
212
200
 
213
-
214
-
215
- <div class="tweet_box__img show_img" style="background-image: url(<%= rails_blob_path(@practice.images[0]) if @practice. images.present?%>);"> <%#投稿写真とタイトル%>
216
-
217
-
218
-
219
-
220
-
221
-
222
-
223
- </div>
201
+ <%= javascript_pack_tag 'slick' %>
224
202
 
225
203
 
226
204
 
227
-
228
-
229
- <div class="tweet_box__info"><%#練習詳細%>
230
-
231
- <div class="practice_info"><%#練習内容本文%>
232
-
233
- <p>練習の詳細</p>
234
-
235
- <div class="practice_text">
236
-
237
- <%=@practice.content%>
238
-
239
- </div>
240
-
241
- <div class="practice_info__content">
242
-
243
- <div class="hardlevel">
244
-
245
- <p>
246
-
247
- <i class="fas fa-dumbbell"></i> 負荷のレベル
248
-
249
- </p>
250
-
251
- <p>
252
-
253
- <%=@practice.hardlevel.name%>
254
-
255
- </p>
256
-
257
- </div>
258
-
259
- <div class="category">
260
-
261
- <p>
262
-
263
- <i class="fas fa-futbol"></i> カテゴリー
264
-
265
- </p>
266
-
267
- <p>
268
-
269
- <%=@practice.category.name%>
270
-
271
- </p>
272
-
273
- </div>
274
-
275
- </div>
276
-
277
-
278
-
279
- </div>
280
-
281
-
282
-
283
- </div>
284
-
285
- <div class="tweet_box__info">
286
-
287
- <div class="m tag_info">タグ:中連 効率 最強</div>
288
-
289
- <div class="m tweet_box__flex">
290
-
291
- <div class="m like_info"><i class="far fa-heart"></i>: 1 <i class="far fa-comments"></i>: 2</div>
292
-
293
- <div class="m created_at_info"><i class="far fa-clock clock-icon"></i><%= time_ago_in_words(@practice.created_at) %>前
294
-
295
- </div>
296
-
297
- </div>
298
-
299
- </div>
300
-
301
- </div>
302
-
303
-
304
-
305
- <%if current_user.id==@practice.user.id%>
306
-
307
- <div class="btn_field">
308
-
309
- <div class="btn-zone flex_reverse">
310
-
311
- <%= link_to "編集", edit_practice_path(@practice), method: :get, class: "btn btn-info" %>
312
-
313
- <%= link_to "戻る",root_path, method: :get, class: "btn btn-secondary" %>
314
-
315
- </div>
316
-
317
- <div class="delete_btn">
318
-
319
- <%= link_to "削除する", practice_path(@practice), method: :delete, class: "btn btn-danger" %>
320
-
321
- </div>
322
-
323
- </div>
324
-
325
-
326
-
327
-
328
-
329
- <%end%>
330
-
331
-
332
-
333
-
334
-
335
- <div class="comments">
336
-
337
- <h2 class="comment_title">コメント</h2>
338
-
339
- <div class="comments__form">
340
-
341
- <div class="comments__input">
342
-
343
- <% if user_signed_in? %>
344
-
345
- <%= form_with(model: [@practice, @pcomment], local: true) do |f| %>
346
-
347
- <%=render 'partial/error_messages', model: f.object%>
348
-
349
- <%= f.text_area :comment, placeholder: "例)その練習とても参考になります!", class: "form-control",rows: "4" %>
350
-
351
- <%= f.submit "コメントする",class:"btn btn-outline-success comment-btn" %>
352
-
353
- <% end %>
354
-
355
- <% end %>
356
-
357
- </div>
358
-
359
- <%@pcomments.each do |pcomment|%>
360
-
361
- <div class="comment_box">
362
-
363
- <div class="comment_box__user">
364
-
365
- <%if pcomment.user.myphoto.attached?%>
366
-
367
- <%= image_tag pcomment.user.myphoto, class: "smround-img" %>
368
-
369
- <%else%>
370
-
371
- <%= image_tag '/default_myphoto.png' ,class: "smround-img"%>
372
-
373
- <%end%>
374
-
375
- </div>
376
-
377
- <div class="comment_box__comment"><%=pcomment.comment%></div>
378
-
379
- </div>
380
-
381
- <%end%>
382
-
383
- </div>
384
-
385
- </div>
386
-
387
-
388
-
389
-
390
-
391
- <>
392
-
393
- <div class="slider">
394
-
395
-
396
-
397
- <%@practice.images.each do |image|%>
398
-
399
- <%= image_tag image %>
400
-
401
- <%end%>
402
-
403
- </div>
404
-
405
- <%= javascript_pack_tag 'slick' %>
406
-
407
-
408
-
409
205
 
410
206
 
411
207