时间戳

首页 > 解决方案 > 我在控制台中收到错误 Uncaught TypeError: $ (...)。AaDropdownMenu 不是函数

javascript - 我在控制台中收到错误 Uncaught TypeError: $ (...)。AaDropdownMenu 不是函数

问题描述

我有一个使用 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

和控制台鳕鱼

$.widget.bridge('aaDropdownMenu', ActiveAdmin.DropdownMenu);

onDOMReady = function() {
  return $('.dropdown_menu').aaDropdownMenu();     
};

宝石文件

gem 'rails', '~> 5.2.1'
gem 'activeadmin'
gem 'devise'
gem 'pg', '>= 0.18', '< 2.0'
gem 'puma', '~> 3.11'
gem 'sass-rails', '~> 5.0'
gem 'uglifier', '>= 1.3.0'
gem 'dotenv-rails'

gem 'coffee-rails', '~> 4.2'
gem 'turbolinks', '~> 5'
gem 'jbuilder', '~> 2.5'
gem 'bootstrap', '~> 4.1.3'
gem 'jquery-rails'

gem 'bootsnap', '~> 1.3', '>= 1.3.1'
gem 'font-awesome-rails', '~> 4.7', '>= 4.7.0.2'
gem "jquery-slick-rails"

gem 'paperclip', '~> 5.0'

应用程序.js

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

active_admin.js.coffe

#= require active_admin/base

标签： javascriptruby-on-rails

解决方案

推荐阅读