Cant get packages to work with yarn + webpacker + Ruby on Rails 6

Asked Jul 14 '21 at 08:20

Active Jul 14 '21 at 08:21

Viewed 160 times

I am trying to make Metismenu and Bootstrap-select work on Rails 6.

I installed them both through yarn. They both show up in package.json

Placed in application.js

require('bootstrap');
require('bootstrap-select');
require('metismenu');

Enable them with

$('#metismenu').metisMenu();
$('[data-toggle="multiselect-dropdown"]').selectpicker();

However both give a error

Uncaught TypeError: $(...).metisMenu is not a function

Uncaught TypeError: $(...).selectpicker is not a function

After some digging I can't seem to find the cause of this. Anyone can help me?

edited Jul 14 '21 at 08:21

jonrsharpe

asked Jul 14 '21 at 08:20

Mitchell

`jquery` $ maybe nil, you need to [add jquery third party plugin in rails 6 webpacker](https://stackoverflow.com/questions/54905026/how-to-add-jquery-third-party-plugin-in-rails-6-webpacker) – Lam Phan Jul 14 '21 at 08:26
Thank you, but Jquery is successfully loaded and working without problems. – Mitchell Jul 14 '21 at 08:40
2

make sure you import $ before call those functions: `import $ from "jquery";` – Lam Phan Jul 14 '21 at 08:49
This seems to have solved the problem! Thank you! – Mitchell Jul 14 '21 at 08:51

0 Answers0