teratail header banner
teratail header banner
質問するログイン新規登録

質問編集履歴

1

読み込むjsのフォルダをpacksからjavascriptに変更、読み込みをapplication.js上部でrequre記述で追加

2021/03/09 12:32

投稿

Ryo-EAST
Ryo-EAST

スコア33

title CHANGED
File without changes
body CHANGED
@@ -37,7 +37,7 @@
37
37
  = f.text_field :street, autofocus: true, id: "user_street"
38
38
  ```
39
39
  ```coffee
40
- /app/javascript/packs/users.coffee
40
+ /app/javascript/packs/users.coffee → /app/javascript/users.coffeeに変更
41
41
 
42
42
  $ ->
43
43
  $("#user_postal_code").jpostal({
@@ -51,9 +51,17 @@
51
51
  ```
52
52
 
53
53
  ```javascript
54
- /app/javascript/packs/application.js
54
+ /app/javascript/packs/application.js →/app/javascript/application.jsに変更
55
55
  ※は考えを示すために付け足した物です
56
56
 
57
+ require("@rails/ujs").start()
58
+ require("turbolinks").start()
59
+ require("@rails/activestorage").start()
60
+ require("channels")
61
+ require('jquery')
62
+ require("../jquery.jpostal") ※上部にも「jquery.jpostal」を追加
63
+ require('../test')       ※テストで簡単なコードは動作(マウスが乗ったら色を文字色を変化)
64
+
57
65
  //= require turbolinks        ※一番上に置くべき
58
66
  //= require jquery3          ※turbolinksより下
59
67
  //= require jquery_ujs
@@ -85,6 +93,9 @@
85
93
  - application.jsの順番を変更した
86
94
  - 自動でもidが付与されていたが、自分で指定した
87
95
  - users.coffeeを/app/assets/javascriptsに移動してみた
96
+
88
97
  ### 補足情報(FW/ツールのバージョンなど)
89
98
 
99
+ rails (6.0.3.5)
100
+ jp_prefecture (1.0.0)
90
- ここにより詳細な情報を記載してください。
101
+ jquery-rails (4.4.0)