控制台浏览器中的错误: 未捕获的类型错误: $ (..).AaDropdownMenu不是一个函数

Question

我有一个使用 Active_Admin 和其他插件的 rails 项目，我在浏览器控制台中收到此错误。我该如何解决这个问题？

Uncaught TypeError: $(...).aaDropdownMenu is not a function
at HTMLDocument.onDOMReady (dropdown-menu.self-5794b6ca26364ce522cb47a8ef050870fda0b886cfeef69ec27ef116900f1984.js?body=1:121)
at HTMLDocument.dispatch (jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:5184)
at HTMLDocument.elemData.handle (jquery3.self-5af507e253c37e9c9dcf65064fc3f93795e6e28012780579975a4d709f4074ad.js?body=1:4992)
at Object.e.dispatch (turbolinks.self-569ee74eaa15c1e2019317ff770b8769b1ec033a0f572a485f64c82ddc8f989e.js?body=1:6)
at r.notifyApplicationAfterPageLoad (turbolinks.self-569ee74eaa15c1e2019317ff770b8769b1ec033a0f572a485f64c82ddc8f989e.js?body=1:7)
at r.pageLoaded (turbolinks.self-569ee74eaa15c1e2019317ff770b8769b1ec033a0f572a485f64c82ddc8f989e.js?body=1:7)
at turbolinks.self-569ee74eaa15c1e2019317ff770b8769b1ec033a0f572a485f64c82ddc8f989e.js?body=1:6

应用.js

//= require rails-ujs
//= require activestorage
//= require jquery
//= require turbolinks
//= require popper
//= require jquery.slick
//= require_tree .

activ_admin.js.咖啡

#= require active_admin/base

和控制台

$.widget.bridge('aaDropdownMenu', ActiveAdmin.DropdownMenu);
onDOMReady = function() {
return $('.dropdown_menu').aaDropdownMenu();     // Uncaught TypeError: $(...).aaDropdownMenu is not a function
};

Answer 1

我有完全相同的错误。 你应该改变应用程序中的顺序.js jquery应该排在第一位(这是一个非常重要的库(。我还更改了jquery库的版本。

//= require jquery3
//= require rails-ujs
//= require activestorage
//= require turbolinks 
//= require popper
//= require jquery.slick
//= require_tree .