【Rails6】cocoonを使ったネストしたフォームが表示されない

Question

前提・実現したいこと

Cocoonを使ってネストしたフォームを作成していますが、うまく表示がされません。

（環境）
・ruby 2.6.5
・Rails 6.0.2.2
・Windows　10

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

エラーはなく、ただフォームの部分が表示されません。(ローカル環境)

該当のソースコード

#_form.html.erb
		<div class="row">
			<div class="col-md-6">
				<h3>Ingredients</h3>
				<div id="ingredients">
					<%= f.simple_fields_for :ingredients do |ingredient| %>
						<%= render 'ingredients_fields', f: ingredient %>
						<div class="links">
							<%= link_to_add_association "Add Ingredients", f, :ingredients, class: "btn btn-primary add-button" %>
						</div>
					<% end %>
				</div> 
			</div>
			<div class="col-md-6">
				<h3>Directions</h3>
				<div id="directions">
					<%= f.simple_fields_for :directions do |direction| %>
						<%= render 'directnion_fields', f: ingredient %>
						<div class="links">
							<%= link_to_add_association "Add step", f, :directions, class: "btn btn-primary add-button" %>
						</div>
					<% end %>
				</div> 
			</div>
		</div>

#_direction_fields.html.erb
<div class="form-inline cleafix">
    <div class="nested-fields">
        <%= f.input :name, input_html: { class: 'form-input form-control' } %>
        <%= link_to_remove_association "Remove Step", f, class: "form-button btn btn-primary" %>
    </div>
</div>

#_ingredients_fields.html.erb
<div class="form-inline cleafix">
    <div class="nested-fields">
        <%= f.input :name, input_html: { class: 'form-input form-control' } %>
        <%= link_to_remove_association "Remove", f, class: "form-button btn btn-primary" %>
    </div>
</div>

試したこと

Bootstrap4は正しく表示されているので、Jqueryは正しく動作していると思っているのですが。。

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

gem 'cocoon', '> 1.2', '>= 1.2.14'
gem 'simple_form', '> 5.0', '>= 5.0.2'