Rails 7 中的茧宝石问题

Question

我想使用 cocoon gem 实现嵌套形式。

没有错误，但是当我单击项目链接进行编辑和触发时，没有任何效果。 但是，URL 从http://127.0.0.1:3000/portfolios/2/edit 更改为http://127.0.0.1:3000/portfolios/2/edit# 。

我希望输入标签显示，但它没有。

看法

_form.html.erb

 <div class="form-group mb-3"> <h2>Technologies used: </h2> <div> <%= form.fields_for:technologies do |technology_form|%> <%= render 'technology_fields', f: technology_form %> <% end %> <div> <%= link_to_add_association 'Add Technology', form, :technologies %> </div> </div> </div>

_technolog_fields.html.erb

 <div class="form-group mb-1 nested-fields"> <%= f.label:name %> <%= f.text_field:name, class: 'form-control' %> </div>

Model

投资组合 model

 class Portfolio < ApplicationRecord has_many:technologies accepts_nested_attributes_for:technologies, reject_if: ->(attrs) { attrs['name'].blank? } end

我将 cocoon gem 添加到 Gemfile 并运行 bundle install

另外，我将 //= require cocoon 添加到 application.js

当我点击添加技术时，没有任何反应。

我会感谢你的帮助。

谢谢。

Answer 1

你在 Rails 7 中使用 importmap 吗？ 如果是这样，那么您需要更改包含 JS 的方式。

首先在你的终端你会：

./bin/importmap pin @nathanvda/cocoon

然后，在你的 JS 中的某个地方，你会：

import "@nathanvda/cocoon"

PS - 您还需要通过 gem 或再次使用 importmaps 获取 jQuery。