teratail
回答率
85.35%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問日本地図をRailsで実装したい

編集履歴

質問編集履歴

4

追記の修正

2021/08/08 21:36

投稿

hayatoganbaru
hayatoganbaru

スコア7

test CHANGED
File without changes
test CHANGED
@@ -164,118 +164,20 @@
164
164
 
165
165
 
166
166
 
167
- 現在Rails 6.0.4を使用しております。
167
+ ご回答いただいた通り、アプローチを変えました。
168
168
 
169
- Rails6.0以降だとwebpackerがJavascriptを
169
+ [JMAP-日本地図](https://yugokimura.github.io/jmap/)
170
170
 
171
+ 本家のサイトの通り、実装に取り組みました。
172
+
171
- コンパイルできるようにしてあげなければいけないそうです。
173
+ Jmap jQuery pluginをダウンロードして
174
+
175
+ app/javascriptにjmap.jsを追加しました。
172
176
 
173
177
 
174
178
 
175
- ということで
176
-
177
- index.html.erbの
179
+ ブラウザで確認すると以下のエラーが発生しました。
178
180
 
179
181
 
180
182
 
181
-
182
-
183
- ```
184
-
185
- <%= javascript_include_tag 'jquery.japan-map.min.js' %>
186
-
187
- ```
188
-
189
- これを
190
-
191
-
192
-
193
- ```
194
-
195
- <%= javascript_pack_tag 'javascript/jquery.japan-map.min.js' %>
196
-
197
- ```
198
-
199
- に変更してみました。(あってるのかわからないけど。)
200
-
201
-
202
-
203
- ブラウザを確認してみると
204
-
205
- 以下のエラーが発生しました。
206
-
207
-
208
-
209
- ```
210
-
211
- Webpacker::Manifest::MissingEntryError
212
-
213
-
214
-
215
- Webpacker can't find javascript/jquery.japan-map.min.js in /Users/hayato12/projects/cipher/public/packs/manifest.json. Possible causes:
216
-
217
- 1. You want to set webpacker.yml value of compile to true for your environment
218
-
219
- unless you are using the `webpack -w` or the webpack-dev-server.
220
-
221
- 2. webpack has not yet re-run to reflect updates.
222
-
223
- 3. You have misconfigured Webpacker's config/webpacker.yml file.
224
-
225
- 4. Your webpack configuration is not creating a manifest.
226
-
227
- Your manifest contains:
228
-
229
- {
230
-
231
- "application.js": "/packs/js/application-2827e43923747434e29f.js",
232
-
233
- "application.js.map": "/packs/js/application-2827e43923747434e29f.js.map",
234
-
235
- "entrypoints": {
236
-
237
- "application": {
238
-
239
- "js": [
240
-
241
- "/packs/js/application-2827e43923747434e29f.js"
242
-
243
- ],
244
-
245
- "js.map": [
246
-
247
- "/packs/js/application-2827e43923747434e29f.js.map"
248
-
249
- ]
250
-
251
- }
252
-
253
- }
254
-
255
- }
256
-
257
- ```
258
-
259
-
260
-
261
- webpackでコンパイルしていないことが原因だから、コンパイルすれば解決するのかなあと思い
183
+ ![イメージ説明](1d9d14c94128c47fe1dee0b5d7754de7.png)
262
-
263
- 以下を全部試しました。
264
-
265
- ```
266
-
267
- rails webpacker:compile
268
-
269
- rails assets:precompile
270
-
271
- bin/webpack
272
-
273
- bin/webpack-dev-serve
274
-
275
- ```
276
-
277
-
278
-
279
- これでも治りませんでした。
280
-
281
- bin/webpack-dev-serveに関してはzsh: no such file or directory: bin/webpack-dev-serveと言われました。

3

タグの変更

2021/08/08 21:36

投稿

hayatoganbaru
hayatoganbaru

スコア7

test CHANGED
File without changes
test CHANGED
File without changes

2

追記

2021/08/08 09:57

投稿

hayatoganbaru
hayatoganbaru

スコア7

test CHANGED
File without changes
test CHANGED
@@ -78,10 +78,6 @@
78
78
 
79
79
 
80
80
 
81
-
82
-
83
-
84
-
85
81
  ```
86
82
 
87
83
 
@@ -136,7 +132,7 @@
136
132
 
137
133
 
138
134
 
139
- app/javascript/application.js
135
+ gemfile
140
136
 
141
137
 
142
138
 
@@ -144,40 +140,6 @@
144
140
 
145
141
  省略
146
142
 
147
- require("@rails/ujs").start()
148
-
149
- require("@rails/activestorage").start()
150
-
151
- require('turbolinks').start()
152
-
153
- require("channels")
154
-
155
- require('jquery')
156
-
157
- require('../event_list')
158
-
159
- require('../store_list')
160
-
161
- require('../slick_show')
162
-
163
- require('../preview_event')
164
-
165
- require('jcanvas')
166
-
167
- 省略
168
-
169
- ```
170
-
171
-
172
-
173
- gemfile
174
-
175
-
176
-
177
- ```
178
-
179
- 省略
180
-
181
143
  gem 'active_hash'
182
144
 
183
145
  gem 'devise'
@@ -195,3 +157,125 @@
195
157
  gem 'jcanvas-rails', '~> 0.1.0'
196
158
 
197
159
  ```
160
+
161
+
162
+
163
+ # 追記
164
+
165
+
166
+
167
+ 現在Rails 6.0.4を使用しております。
168
+
169
+ Rails6.0以降だとwebpackerがJavascriptを
170
+
171
+ コンパイルできるようにしてあげなければいけないそうです。
172
+
173
+
174
+
175
+ ということで
176
+
177
+ index.html.erbの
178
+
179
+
180
+
181
+
182
+
183
+ ```
184
+
185
+ <%= javascript_include_tag 'jquery.japan-map.min.js' %>
186
+
187
+ ```
188
+
189
+ これを
190
+
191
+
192
+
193
+ ```
194
+
195
+ <%= javascript_pack_tag 'javascript/jquery.japan-map.min.js' %>
196
+
197
+ ```
198
+
199
+ に変更してみました。(あってるのかわからないけど。)
200
+
201
+
202
+
203
+ ブラウザを確認してみると
204
+
205
+ 以下のエラーが発生しました。
206
+
207
+
208
+
209
+ ```
210
+
211
+ Webpacker::Manifest::MissingEntryError
212
+
213
+
214
+
215
+ Webpacker can't find javascript/jquery.japan-map.min.js in /Users/hayato12/projects/cipher/public/packs/manifest.json. Possible causes:
216
+
217
+ 1. You want to set webpacker.yml value of compile to true for your environment
218
+
219
+ unless you are using the `webpack -w` or the webpack-dev-server.
220
+
221
+ 2. webpack has not yet re-run to reflect updates.
222
+
223
+ 3. You have misconfigured Webpacker's config/webpacker.yml file.
224
+
225
+ 4. Your webpack configuration is not creating a manifest.
226
+
227
+ Your manifest contains:
228
+
229
+ {
230
+
231
+ "application.js": "/packs/js/application-2827e43923747434e29f.js",
232
+
233
+ "application.js.map": "/packs/js/application-2827e43923747434e29f.js.map",
234
+
235
+ "entrypoints": {
236
+
237
+ "application": {
238
+
239
+ "js": [
240
+
241
+ "/packs/js/application-2827e43923747434e29f.js"
242
+
243
+ ],
244
+
245
+ "js.map": [
246
+
247
+ "/packs/js/application-2827e43923747434e29f.js.map"
248
+
249
+ ]
250
+
251
+ }
252
+
253
+ }
254
+
255
+ }
256
+
257
+ ```
258
+
259
+
260
+
261
+ webpackでコンパイルしていないことが原因だから、コンパイルすれば解決するのかなあと思い
262
+
263
+ 以下を全部試しました。
264
+
265
+ ```
266
+
267
+ rails webpacker:compile
268
+
269
+ rails assets:precompile
270
+
271
+ bin/webpack
272
+
273
+ bin/webpack-dev-serve
274
+
275
+ ```
276
+
277
+
278
+
279
+ これでも治りませんでした。
280
+
281
+ bin/webpack-dev-serveに関してはzsh: no such file or directory: bin/webpack-dev-serveと言われました。

1

タイトルの変更

2021/08/08 09:55

投稿

hayatoganbaru
hayatoganbaru

スコア7

test CHANGED
@@ -1 +1 @@
1
- AssetNotFound
1
+ 日本地図をRailsで実装したい
test CHANGED
File without changes