herokuで "$(document).on('turbolinks:load', function() {" が働かない。

Question

やりたいこと

javascriptを初回ロード、リロード、ページ遷移など全てで走らせたい。

現象

初回ロード、リロードで走らずlink_toのページ遷移のみで処理される。

わからないこと

開発環境では全て正常に動くが、herokuにデプロイ後本番サーバーで試すと上記。

コード

$(document).on('turbolinks:load', function() {
  let lottieObj = lottie.loadAnimation({
    container: document.getElementById('logo-lottie'),
    renderer: 'svg',
    loop: false,
    autoplay: true,
    path: "<%= image_path('lottie/hogehoge.json') %>",
  });
});

参考にしたサイト

ここを見て'turbolinks:load'を追加しました。
https://qiita.com/syou007/items/fda40f65634bb2fadf36

---

[js turbolinks:load 動かない]
[js turbolinks:load heroku]
などで検索してみましたがわからず。。
お手数おかけしますが、よろしくお願いいたします。

Comments

[maisumakun]

当該のコードは、どこのファイルに書いていますか？

[hiro-ori]

@maisumakun 早速ありがとうございます。
`app/assets/javascripts/application.js.erb` こちらです。
erbが悪いのでしょうか :cry: