質問編集履歴

2

誤字修正

2021/04/01 10:37

投稿

yuum.
yuum.

スコア0

test CHANGED
File without changes
test CHANGED
@@ -52,7 +52,7 @@
52
52
 
53
53
 
54
54
 
55
- [member.js]
55
+ [menber.js]
56
56
 
57
57
  $(document).on('turbolinks:load',function(){
58
58
 

1

より詳細に記述しました。

2021/04/01 10:37

投稿

yuum.
yuum.

スコア0

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