回答編集履歴

1

質問に対する追記

2020/09/04 09:50

投稿

退会済みユーザー
test CHANGED
@@ -61,3 +61,85 @@
61
61
  }).call(this);
62
62
 
63
63
  ```
64
+
65
+
66
+
67
+ ### 2020.09.04 追記
68
+
69
+
70
+
71
+ > cable.jsを以下に修正し、動作確認してみましたが、エラーの内容に変化ありませんでした????
72
+
73
+ >
74
+
75
+ > ...
76
+
77
+ >
78
+
79
+ > `app/assets/javascripts/js/script.js`
80
+
81
+ で宣言されているconst App を var App に変更して、動作を確認してみたところ、本番環境でもjsが動作するようになりました。
82
+
83
+
84
+
85
+ `var App`に変更すると、`var`宣言以前の`App`は上書きされてしまうので、以下のような既存の`App`を取り込むような修正を行う必要があります。
86
+
87
+
88
+
89
+ ```diff
90
+
91
+ diff --git a/app/assets/javascripts/js/script.js b/app/assets/javascripts/js/script.js
92
+
93
+ index d1fdc33..b05dc68 100644
94
+
95
+ --- a/app/assets/javascripts/js/script.js
96
+
97
+ +++ b/app/assets/javascripts/js/script.js
98
+
99
+ @@ -1,4 +1,4 @@
100
+
101
+ -var App = (() => {
102
+
103
+ +var App = ((App) => {
104
+
105
+ 'use strict'
106
+
107
+
108
+
109
+ // Debounced resize event (width only). [ref: https://paulbrowne.xyz/debouncing]
110
+
111
+ @@ -562,6 +562,7 @@ var App = (() => {
112
+
113
+ }
114
+
115
+
116
+
117
+ return {
118
+
119
+ + ...App,
120
+
121
+ resize: callback => resize(callback),
122
+
123
+ xs: () => xs(),
124
+
125
+ sm: () => sm(),
126
+
127
+ @@ -602,7 +603,7 @@ var App = (() => {
128
+
129
+ bootstrapSelect: () => bootstrapSelect(),
130
+
131
+ select2: () => select2(),
132
+
133
+ }
134
+
135
+ -})()
136
+
137
+ +})(this.App || (this.App = {}))
138
+
139
+
140
+
141
+ $(() => {
142
+
143
+ $('[data-toggle="popover"]').popover()
144
+
145
+ ```