当我单击嵌套表格链接的文本框时，我希望显示在我的页面上的页面没有显示并且没有错误弹出

Question

我正在制作一个嵌套表单以输入要创建的配方应用程序中的配料，并创建了表单，并单击了链接以添加一个配料文本框，以便用户输入其配料，但是当我单击链接时没有文本框出现。

我发现一个视频正在执行相同类型的操作，但是我的代码与视频中的代码几乎相同，并且我无法弄清问题所在。

<%= form_with(model: @recipe, local: true)do |f| %>
   <h2>Enter name of recipe</h2>
       <%= f.text_field :title, :required => 'required' %>
   <h2>How many does this serve</h2>
     <%= f.number_field :servings, :required =>            'required' %>
<h2>Enter prep time in minutes</h2>
     <%= f.number_field :prep_time, :required => 'required' %>

<h2>Enter amount of time to cook in minutes</h2>
      <%= f.number_field :cook_time%>
<h2> Select country of origin</h2>
     <%= f.country_select :origin %>
    <h2>click to add ingredients</h2>

     <%= f.nested_fields_for (:ingredients) do |ingredient| %>
       <%= ingredient.text_field :item %> 
     <% end %>
      <%= f.add_nested_fields_link :ingredients%>
    <br>
<%= f.submit %>