回答編集履歴
1
質問に対する追記
answer
CHANGED
@@ -29,4 +29,45 @@
|
|
29
29
|
this.App.cable = ActionCable.createConsumer();
|
30
30
|
|
31
31
|
}).call(this);
|
32
|
+
```
|
33
|
+
|
34
|
+
### 2020.09.04 追記
|
35
|
+
|
36
|
+
> cable.jsを以下に修正し、動作確認してみましたが、エラーの内容に変化ありませんでした????
|
37
|
+
>
|
38
|
+
> ...
|
39
|
+
>
|
40
|
+
> `app/assets/javascripts/js/script.js`
|
41
|
+
で宣言されているconst App を var App に変更して、動作を確認してみたところ、本番環境でもjsが動作するようになりました。
|
42
|
+
|
43
|
+
`var App`に変更すると、`var`宣言以前の`App`は上書きされてしまうので、以下のような既存の`App`を取り込むような修正を行う必要があります。
|
44
|
+
|
45
|
+
```diff
|
46
|
+
diff --git a/app/assets/javascripts/js/script.js b/app/assets/javascripts/js/script.js
|
47
|
+
index d1fdc33..b05dc68 100644
|
48
|
+
--- a/app/assets/javascripts/js/script.js
|
49
|
+
+++ b/app/assets/javascripts/js/script.js
|
50
|
+
@@ -1,4 +1,4 @@
|
51
|
+
-var App = (() => {
|
52
|
+
+var App = ((App) => {
|
53
|
+
'use strict'
|
54
|
+
|
55
|
+
// Debounced resize event (width only). [ref: https://paulbrowne.xyz/debouncing]
|
56
|
+
@@ -562,6 +562,7 @@ var App = (() => {
|
57
|
+
}
|
58
|
+
|
59
|
+
return {
|
60
|
+
+ ...App,
|
61
|
+
resize: callback => resize(callback),
|
62
|
+
xs: () => xs(),
|
63
|
+
sm: () => sm(),
|
64
|
+
@@ -602,7 +603,7 @@ var App = (() => {
|
65
|
+
bootstrapSelect: () => bootstrapSelect(),
|
66
|
+
select2: () => select2(),
|
67
|
+
}
|
68
|
+
-})()
|
69
|
+
+})(this.App || (this.App = {}))
|
70
|
+
|
71
|
+
$(() => {
|
72
|
+
$('[data-toggle="popover"]').popover()
|
32
73
|
```
|