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

回答編集履歴

1

質問に対する追記

2020/09/04 09:50

投稿

退会済みユーザー
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
  ```