AWSにDocker＋Rails＋MySQLで作成したアプリを上げたのですが、本番環境でSprockets::FileNotFound in Posts#indexになってしまう

ActionTextを用いたブログサービスを作っており、そこでAWSのEC2似デプロイしたのですが、scssを読み込む段階でエラーになってしまいました。
ローカルでは起動時に以下のようなエラーになることはありませんでした。
エラー文は以下です

Sprockets::FileNotFound in Posts#index
Showing /app_name/app/views/layouts/application.html.erb where line #8 raised:

couldn't find file 'trix/dist/trix' with type 'text/css'
Checked in these paths: 
  /app_name/app/assets/config
  /app_name/app/assets/images
  /app_name/app/assets/stylesheets
  /usr/local/bundle/gems/jquery-rails-4.4.0/vendor/assets/javascripts
  /usr/local/bundle/gems/actioncable-6.0.3.6/app/assets/javascripts
  /usr/local/bundle/gems/activestorage-6.0.3.6/app/assets/javascripts
  /usr/local/bundle/gems/actionview-6.0.3.6/lib/assets/compiled
  /usr/local/bundle/gems/turbolinks-source-5.2.0/lib/assets/javascripts
  /app_name/node_modules
  /usr/local/bundle/gems/popper_js-1.16.0/assets/javascripts
  /usr/local/bundle/gems/bootstrap-4.6.0/assets/stylesheets
  /usr/local/bundle/gems/bootstrap-4.6.0/assets/javascripts
  /usr/local/bundle/gems/font-awesome-sass-5.15.1/assets/stylesheets
  /usr/local/bundle/gems/font-awesome-sass-5.15.1/assets/fonts

#エラーメッセージに出てきた部分

//= require trix/dist/trix

#試してみたこと

docker-compose run web rails assets:precompileコマンドを実行してみたのですが、
ERROR: 1となってしまって実行できませんでした。

#問題のソースコード

posts/index.html.erb


<div class="content-wrapper">
    <div class="content-block">
        <% @posts.each do |post| %>
        <div class="content">
         <div class="user-about">
             <div class="image">
             <% if post.user.image.attached? %>
             <%= image_tag post.user.image %>
                <% else %>
            <%= image_tag 'no.user.png' %>
                <% end %>
             </div>
         <div class="profile">
            <div class="name-history">
                <div class="name">
                <%= post.user.nickname %>
                </div>
                <div class="mania-histry">
                    <%= "趣味歴:#{post.user.mania_histry}年" %>
                </div>
             </div>
             <div class="enjoy-point">
             <%= "楽しいポイント#{post.user.enjoy_point}"%>
             </div>
         </div>
       </div>
       <div class="text">
        <h2><%= truncate(post.content, length:15) %></h2><%= link_to "コメントor続きをよむ", "/posts/#{post.id}" %>
    </div>
        <% if post.images.attached? %>
            <% post.images.each do |image| %>
                <div class = 'images'>
                    <%= image_tag image.variant(resize: "1280x720"), class: "content-image" %>
                </div>
            <% end %>
        <% end %>

         <div class="action-menu">
          
         <div id="post_<%= post.id %>">
                <%= render 'post', post: post %>
            </div>
            <h3>コメント件数: <%= post.comments.count %></h3>
            <%= link_to "この方について", post_user_path(post,post.user.id) %>
                <div class="comment">
                </div>
                    <%if user_signed_in?%>
                        <div class = 'user-action'>
                            <% if current_user.id == post.user.id %>
                                 <%= link_to "編集", edit_post_path(post) %>
                                 <%= link_to "削除", post_path(post), method: :delete %>
                             <% end %>
                        </div>
                    <% end %>
                </div>
            </div>
        <% end %>
    </div>
    
    <div class="sidebar">
        <%= render 'shared/menu'%>       
    </div>
</div>

application.html.erb

<!DOCTYPE html>
<html>
  <head>
    <title>MixApp</title>
    <%= csrf_meta_tags %>
    <%= csp_meta_tag %>

    <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track': 'reload' %>
    <%= javascript_pack_tag 'application', 'data-turbolinks-track': 'reload' %>
    <div class="logo">

    <% if user_signed_in? %>
    <h2><%= link_to "Mixapp", "/users/#{current_user.id}" %></h2>
    <% else %>
    <h2><%= link_to "MixApp", "/" %></h2>
    <% end %>

    </div>
  </head>

  <body id = '<%= controller.controller_name %>-<%= controller.action_name %>'>
    <%= render 'shared/toast'%>

    <%= yield %>
    <%= render 'shared/footer'%>

  </body>
</html>

ActionTextのCSS(今回エラーメッセージに出てきている部分です)

//
// Provides a drop-in pointer for the default Trix stylesheet that will format the toolbar and
// the trix-editor content (whether displayed or under editing). Feel free to incorporate this
// inclusion directly in any other asset bundle and remove this file.
//
//= require trix/dist/trix

// We need to override trix.css’s image gallery styles to accommodate the
// <action-text-attachment> element we wrap around attachments. Otherwise,
// images in galleries will be squished by the max-width: 33%; rule.
.trix-content {
  
  .attachment-gallery {
    > action-text-attachment,
    > .attachment {
      flex: 1 0 33%;
      padding: 0 0.5em;
      max-width: 33%;
    }

    &.attachment-gallery--2,
    &.attachment-gallery--4 {
      > action-text-attachment,
      > .attachment {
        flex-basis: 50%;
        max-width: 50%;
      }
    }
  }

  action-text-attachment {
    .attachment {
      padding: 0 !important;
      max-width: 100% !important;
    }
  }
}