rails 6.0.0での星評価機能の実装

前提・実現したいこと

rails 6.0.0で星評価機能の実装をしたい

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

星の画像が投稿画面に表示されずに評価できない状況です。

該当のソースコード

new.html.erb

<%= form_with model: @book, url:books_path, local: true do |f| %>
  <div class="book-box">
    読んだ本を投稿しよう！
    <div class="img-upload">
      <div class="click-upload">
        <p>
          クリックしてファイルをアップロード
        </p>
        <%= f.file_field :image, id:"book-image" %>
      </div>
    </div>
    <%= f.text_field :title, class:"title", placeholder:"この本のタイトルは？" %>
    この本のジャンルは？
    <%= f.collection_select(:category_id, Category.all, :id, :name, {}, {class:"category-select"}) %>
    <%= f.text_area :story, class:"story", placeholder:"この本のあらすじは？" %>
    <%= f.text_area :quote, class:"quote", placeholder:"好きな箇所を引用してください" %>
    <%= f.text_area :thought, class:"thought", placeholder:"この本の感想は？" %>

    <div class="field" id="star">
        <%= f.label :evaluation,  "星評価 (※必須)" ,id: "e"%>
        <%= f.hidden_field :evaluation, id: :review_star %>
    </div>
    <script>
        $('#star').raty({
            size     : 36,
            starOff:  '<%= asset_path('star-off.png') %>',
            starOn : '<%= asset_path('star-on.png') %>',
            starHalf: '<%= asset_path('star-half.png') %>',
            scoreName: 'book[evaluation]',
        });
    </script>

    <%= f.submit "投稿する" ,class:"btn" %>
    <%= link_to 'もどる', root_path %>
  </div>
<% end %>

appication.js

// This file is automatically compiled by Webpack, along with any other files
// present in this directory. You're encouraged to place your actual application logic in
// a relevant structure within app/javascript and only use these pack files to reference
// that code so it'll be compiled.

require("@rails/ujs").start()
// require("turbolinks").start()
require("@rails/activestorage").start()
require("channels")
require('jquery')
require('../fadeIn')
require('./preview')


// Uncomment to copy all static images under ../images to the output folder and reference
// them with the image_pack_tag helper in views (e.g <%= image_pack_tag 'rails.png' %>)
// or the `imagePath` JavaScript helper below.
//
// const images = require.context('../images', true)
// const imagePath = (name) => images(name, true)

window.$ = window.jQuery = require('jquery'); 
require('packs/raty')

試したこと

jqueryの導入は、
https://qiita.com/shunichfukui/items/d79f38a3af2715ffd218
こちらを参考に行いました。

https://qiita.com/asobisarch/items/18310a9eb30979f2e467
https://qiita.com/nozomi_nozomi/items/eb6848c6025ca63af1c4
星評価機能の実装はこれらを参考に両パターン試しましたが、星が表示されませんでした。

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

ruby '2.6.5'

gem 'rails', '> 6.0.0'
gem 'mysql2', '0.5.3'
gem 'puma', '> 3.11'
gem 'sass-rails', '> 5'
gem 'webpacker', '> 4.0'
gem 'turbolinks', '> 5'
gem 'jbuilder', '> 2.7'