質問編集履歴

2

レイアウト修正

2019/11/21 10:21

投稿

shumbow
shumbow

スコア35

test CHANGED
File without changes
test CHANGED
@@ -102,6 +102,10 @@
102
102
 
103
103
 
104
104
 
105
+ ---
106
+
107
+
108
+
105
109
  解決方法
106
110
 
107
111
 

1

解決法

2019/11/21 10:21

投稿

shumbow
shumbow

スコア35

test CHANGED
File without changes
test CHANGED
@@ -99,3 +99,75 @@
99
99
  ```
100
100
 
101
101
  考えられる原因がわかる方いらっしゃいましたら助けてください。
102
+
103
+
104
+
105
+ 解決方法
106
+
107
+
108
+
109
+ config/webpack/environment.js
110
+
111
+
112
+
113
+ ```js
114
+
115
+ 変更前
116
+
117
+ const { environment } = require('@rails/webpacker')
118
+
119
+
120
+
121
+ const webpack = require('webpack')
122
+
123
+ environment.plugins.append(
124
+
125
+ 'Provide',
126
+
127
+ new webpack.ProvidePlugin({
128
+
129
+ $: 'jquery',
130
+
131
+ jQuery: 'jquery',
132
+
133
+ Popper: ['popper.js', 'default']
134
+
135
+ })
136
+
137
+ )
138
+
139
+ module.exports = environment
140
+
141
+
142
+
143
+ 変更後
144
+
145
+ const { environment } = require('@rails/webpacker')
146
+
147
+
148
+
149
+ const webpack = require('webpack')
150
+
151
+ environment.plugins.append(
152
+
153
+ 'Provide',
154
+
155
+ new webpack.ProvidePlugin({
156
+
157
+ $: 'jquery/src/jquery',
158
+
159
+ jQuery: 'jquery/src/jquery',
160
+
161
+ Popper: ['popper.js', 'default']
162
+
163
+ })
164
+
165
+ )
166
+
167
+ module.exports = environment
168
+
169
+
170
+
171
+ ```
172
+
173
+ ただ、ここの$マークはnode_module以下のパスらしいので今まではなぜ動いていたのか疑問です