質問編集履歴
2
誤字修正
test
CHANGED
File without changes
|
test
CHANGED
@@ -52,7 +52,7 @@
|
|
52
52
|
|
53
53
|
|
54
54
|
|
55
|
-
[me
|
55
|
+
[menber.js]
|
56
56
|
|
57
57
|
$(document).on('turbolinks:load',function(){
|
58
58
|
|
1
より詳細に記述しました。
test
CHANGED
File without changes
|
test
CHANGED
@@ -102,16 +102,98 @@
|
|
102
102
|
|
103
103
|
|
104
104
|
|
105
|
+
[application.html.haml]
|
106
|
+
|
107
|
+
!!!
|
108
|
+
|
109
|
+
%html
|
110
|
+
|
111
|
+
%head
|
112
|
+
|
113
|
+
%meta{:content => "text/html; charset=UTF-8", "http-equiv" => "Content-Type"}/
|
114
|
+
|
115
|
+
%title B.orlov fragment ollicail web site
|
116
|
+
|
117
|
+
= csrf_meta_tags
|
118
|
+
|
119
|
+
= csp_meta_tag
|
120
|
+
|
121
|
+
= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload'
|
122
|
+
|
123
|
+
-# %script{src: "https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"}
|
124
|
+
|
125
|
+
|
126
|
+
|
127
|
+
= javascript_pack_tag 'application'
|
128
|
+
|
129
|
+
= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload'
|
130
|
+
|
131
|
+
= stylesheet_link_tag "https://use.fontawesome.com/releases/v5.6.1/css/all.css"
|
132
|
+
|
133
|
+
= stylesheet_link_tag "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css", type: "text/css"
|
134
|
+
|
135
|
+
%body
|
136
|
+
|
137
|
+
%script{scr: "https://code.jquery.com/jquery-3.4.1.min.js"}
|
138
|
+
|
139
|
+
%script{scr: "https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"}
|
140
|
+
|
141
|
+
%script{scr: 'menber.js', type: 'text/javascript'}
|
142
|
+
|
143
|
+
= yield
|
144
|
+
|
145
|
+
|
146
|
+
|
147
|
+
|
148
|
+
|
149
|
+
[enviroment.js]
|
150
|
+
|
151
|
+
const { environment } = require('@rails/webpacker')
|
152
|
+
|
153
|
+
|
154
|
+
|
155
|
+
const webpack = require('webpack')
|
156
|
+
|
157
|
+
environment.plugins.prepend('Provide',
|
158
|
+
|
159
|
+
new webpack.ProvidePlugin({
|
160
|
+
|
161
|
+
$: 'jquery/src/jquery',
|
162
|
+
|
163
|
+
jQuery: 'jquery/src/jquery'
|
164
|
+
|
165
|
+
})
|
166
|
+
|
167
|
+
)
|
168
|
+
|
169
|
+
|
170
|
+
|
171
|
+
module.exports = environment
|
172
|
+
|
173
|
+
|
174
|
+
|
175
|
+
|
176
|
+
|
105
177
|
```
|
106
178
|
|
107
179
|
|
108
180
|
|
109
181
|
### 試したこと
|
110
182
|
|
111
|
-
webpackerに関しましては、
|
183
|
+
webpackerに関しましては、導入からやり直しましたが解決できませんでした。
|
184
|
+
|
185
|
+
javascript導入の段階から間違っているのか、何がwebpackerでエラーを起こしているのか、恥ずかしながら全く検討もつきません。
|
112
186
|
|
113
187
|
スライダーの方は、初めはwindow.onloadを書いていたのですがturbolinksに合わせて記述を変更しました。
|
188
|
+
|
189
|
+
また、jqueryの読み込まれる順番が後になっているのかと思いapplication.html.hamlを修正しましたが、改善されませんでした。
|
114
190
|
|
115
191
|
|
116
192
|
|
117
193
|
### 補足情報(FW/ツールのバージョンなど)
|
194
|
+
|
195
|
+
ruby 2.6.5
|
196
|
+
|
197
|
+
yarn 1.22.5
|
198
|
+
|
199
|
+
node 14.9.0
|