回答編集履歴

2

誤字修正

2020/02/20 07:18

投稿

rhiroe
rhiroe

スコア2349

test CHANGED
@@ -66,7 +66,7 @@
66
66
 
67
67
  <head>
68
68
 
69
- <%= javascript_pack_tag 'mojs', 'data-turbolinks-track': 'reload', defer: true %>
69
+ <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload', defer: true %>
70
70
 
71
71
  </head>
72
72
 

1

追記

2020/02/20 07:18

投稿

rhiroe
rhiroe

スコア2349

test CHANGED
@@ -1,4 +1,4 @@
1
- `mojs`だけ`<body>`内で読み込むようにすれば動作するようです。
1
+ `mojs`だけ`<body>`内で読み込むようにすれば動作するようです。(非推奨、下により良い対処法を追記しました)
2
2
 
3
3
  (参考)[https://github.com/mojs/mojs/issues/110](https://github.com/mojs/mojs/issues/110)
4
4
 
@@ -35,3 +35,49 @@
35
35
  {revision: "0.288.2", isDebug: true, helpers: Helpers, Shape: ƒ, ShapeSwirl: ƒ, …}
36
36
 
37
37
  ```
38
+
39
+
40
+
41
+ ### miyabi-sun さんの回答を受けて追記します。
42
+
43
+
44
+
45
+ > 全てのscriptタグにdefer属性を引っ付けましょう
46
+
47
+
48
+
49
+ こちらの対処法の方がよさそうです。
50
+
51
+
52
+
53
+ ```js
54
+
55
+ // app/javascript/packs/application.js
56
+
57
+ import '@mojs/core'
58
+
59
+ ```
60
+
61
+
62
+
63
+ ```erb
64
+
65
+ <%# app/views/layouts/application.html.slim %>
66
+
67
+ <head>
68
+
69
+ <%= javascript_pack_tag 'mojs', 'data-turbolinks-track': 'reload', defer: true %>
70
+
71
+ </head>
72
+
73
+ ```
74
+
75
+
76
+
77
+ ```console
78
+
79
+ > mojs
80
+
81
+ {revision: "0.288.2", isDebug: true, helpers: Helpers, Shape: ƒ, ShapeSwirl: ƒ, …}
82
+
83
+ ```