gonを使ったRailsとJavascriptの連携をしたい

Question

前提

Docker環境上でRuby on railsを用いて、開発しております。
バージョン情報
Rails 6.1.4.7
ruby 2.7.4
Docker 20.10.11
Node.js v14.17.6
現在、webpackerを用いており、以下の記述でjsファイルとVIEWが連携しています。
= javascript_packs_with_chunks_tag 'select'

実現したいこと

gonを使ったRailsとJavascriptの連携をし、controller内でセットした変数をJavascript内で使う事ができるようにしたい。

発生している問題・エラーメッセージ

gonが起動していればhello,テスト太郎!と表示されるはずが、hello,$(gon.user.name)!とそのまま表示されてしまい、gonが起動していない

該当のソースコード

Gemfileに以下の記述は既にあり、

gem 'gon', '~> 6.4’

dockerのappコンテナ上でbundle installを実行済みです。

def new
  gon.user = 'テスト太郎'
end

window.alert('hello,$([gon.user.name](http://gon.user.name/))!');

= include_gon
= javascript_packs_with_chunks_tag 'select'

試したこと

ターミナルのappコンテナ上でgem listと入力し、gonがインストール済みか確認したところインストールされていることが確認が取れました。

次に

= javascript_include_tag "select"

を追加したところ以下のエラーが表示されました。

Sprockets::Rails::Helper::AssetNotFound at /settings/locations/new
The asset "category_select.js" is not present in the asset pipeline.

そこで、以下の記述を

config.assets.compile = true

falseから記述をtrueに変更をして、再起動したのですが、変化はありませんでした。
controller内でセットした変数をJavascript内で使う事ができないのは、どのような原因が考えられるでしょうか？

補足情報（FW/ツールのバージョンなど）

参考サイト
https://makolog.xyz/gem/
https://qiita.com/s_nakamura/items/5d153f7d9db1b1190296
https://qiita.com/masashiiwasaki/items/c4360437094177ba042d

Answer 1

gonの読み込みタイミングを適切にすると良い気がします。
select.jsは、<%= javascript_include_tag "application" %>で読み込まれています。
その前にgonを読み込んでいないため、select.js内の「gon」が文字列として認識されているのではないでしょうか？

 <%= include_gon %>
 <%= javascript_include_tag "application" %>

Comments

[hhhhhhggggg]

回答ありがとうございます！

○試したこと
```ruby
= javascript_include_tag "application"
```
を追加したところ、
## **Sprockets::Rails::Helper::AssetNotFound** at /items/new
The asset "application.js" is not present in the asset pipeline.
というエラーが表示されます。
```ruby
= javascript_include_tag "select"
```
を追加した際と同じエラーでした。
次に、参考例がerbのファイルになっているため、ファイルをslimからerbにし、
```
<%= include_gon %>
<%= javascript_include_tag "application" %>
```
を追加すると、
## **Sprockets::Rails::Helper::AssetNotFound** at /items/new
The asset "application.js" is not present in the asset pipeline.
というエラーが表示されます。
slimのファイルが原因ではないようです。

情報が抜けていたのですが、現在、webpackerを用いており、以下の記述でjsファイルとVIEWが連携しています。
= javascript_packs_with_chunks_tag 'select'

もう少し、gonの読み込みタイミングを適切にすることというのを詳しくお伺いさせて頂けますでしょうか？