未捕获的类型错误: $(..).modal不是带有Activeadmin Rails的功能

Question

我正在尝试在 activeadmin 中集成一个简单的模式。

我的宝石文件：

gem 'jquery-rails'
gem 'popper_js'
gem 'bootstrap'

我的申请.js：

//= require jquery
//= require jquery_ujs
//= require rails-ujs
//= require activestorage
//= require turbolinks
//= require popper
//= require bootstrap-sprockets
//= require_tree .

我的action_item：

action_item :query, only: :view_form do
link_to 'New Query', admin_participants_form_queries_path(:id => participant.id, :survey_type => type, :form_name => form_name),  {:remote => true, 'data-toggle' =>  "modal", 'data-target' => '#modal-window'}
end

我的管理员控制器方法：

def admin_queries
respond_to do |format|
format.html
format.js
end
end

我的 js 文件：

$("#modal-window").find(".modal-content").html("<%= j (render 'queries_modal') %>");
$("#modal-window").modal('show');

对上述问题的任何帮助都将得到极大的赞赏。 提前谢谢你

Answer 1

可能是你的jquery没有被识别：
尝试将其添加到你的config/webpack/environment.js

const webpack = require('webpack')
environment.plugins.prepend('Provide',
new webpack.ProvidePlugin({
$: 'jquery/src/jquery',
jQuery: 'jquery/src/jquery'
})
)