未捕获TypeError：$(...).modal不是具有活动管理rails的函数

Question

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

我的Gemfile：

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

我的application.js：

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

My action_item in：

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

我的admin-controller-method：

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'
    })
)