質問編集履歴
2
誤字修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
require('jquery')
|
|
26
26
|
require('menber.js').strat()
|
|
27
27
|
|
|
28
|
-
[
|
|
28
|
+
[menber.js]
|
|
29
29
|
$(document).on('turbolinks:load',function(){
|
|
30
30
|
$('.slider').slick({
|
|
31
31
|
autoplay: true,//自動的に動き出すか。初期値はfalse。
|
1
より詳細に記述しました。
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -50,10 +50,51 @@
|
|
|
50
50
|
});
|
|
51
51
|
});
|
|
52
52
|
|
|
53
|
+
[application.html.haml]
|
|
54
|
+
!!!
|
|
55
|
+
%html
|
|
56
|
+
%head
|
|
57
|
+
%meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
|
|
58
|
+
%title B.orlov fragment ollicail web site
|
|
59
|
+
= csrf_meta_tags
|
|
60
|
+
= csp_meta_tag
|
|
61
|
+
= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
|
|
62
|
+
-# %script{src: "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"}
|
|
63
|
+
|
|
64
|
+
= javascript_pack_tag 'application'
|
|
65
|
+
= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload'
|
|
66
|
+
= stylesheet_link_tag "https://use.fontawesome.com/releases/v5.6.1/css/all.css"
|
|
67
|
+
= stylesheet_link_tag "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css", type: "text/css"
|
|
68
|
+
%body
|
|
69
|
+
%script{scr: "https://code.jquery.com/jquery-3.4.1.min.js"}
|
|
70
|
+
%script{scr: "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"}
|
|
71
|
+
%script{scr: 'menber.js', type: 'text/javascript'}
|
|
72
|
+
= yield
|
|
73
|
+
|
|
74
|
+
|
|
75
|
+
[enviroment.js]
|
|
76
|
+
const { environment } = require('@rails/webpacker')
|
|
77
|
+
|
|
78
|
+
const webpack = require('webpack')
|
|
79
|
+
environment.plugins.prepend('Provide',
|
|
80
|
+
new webpack.ProvidePlugin({
|
|
81
|
+
$: 'jquery/src/jquery',
|
|
82
|
+
jQuery: 'jquery/src/jquery'
|
|
83
|
+
})
|
|
84
|
+
)
|
|
85
|
+
|
|
86
|
+
module.exports = environment
|
|
87
|
+
|
|
88
|
+
|
|
53
89
|
```
|
|
54
90
|
|
|
55
91
|
### 試したこと
|
|
56
|
-
webpackerに関しましては、
|
|
92
|
+
webpackerに関しましては、導入からやり直しましたが解決できませんでした。
|
|
93
|
+
javascript導入の段階から間違っているのか、何がwebpackerでエラーを起こしているのか、恥ずかしながら全く検討もつきません。
|
|
57
94
|
スライダーの方は、初めはwindow.onloadを書いていたのですがturbolinksに合わせて記述を変更しました。
|
|
95
|
+
また、jqueryの読み込まれる順番が後になっているのかと思いapplication.html.hamlを修正しましたが、改善されませんでした。
|
|
58
96
|
|
|
59
|
-
### 補足情報（FW/ツールのバージョンなど）
|
|
97
|
+
### 補足情報（FW/ツールのバージョンなど）
|
|
98
|
+
ruby 2.6.5
|
|
99
|
+
yarn 1.22.5
|
|
100
|
+
node 14.9.0
|