Bootstrap 4 JavaScript plugins errors

Hello

1) node_modules is coming after the 'npm install' . See step 2 in the README

2) wher is jQuery loaded 2 times ? in my radix subtheme libraries.yml i only have SUBTHEME_NAME.script.js

I think this issues are relevant:

• https://github.com/shakacode/bootstrap-loader/issues/172#issuecomment-24...
• https://github.com/JeffreyWay/laravel-mix/issues/96
• https://github.com/JeffreyWay/laravel-mix/blob/master/docs/quick-webpack...
• https://www.justin.ly/adding-jquery-bootstrap-plugins-laravel-5-mix/

I'm investigating as well how can we fix this properly using laravel mix webpack configuration

Hi,
I just experienced the same issue in radix 8.x-4.5.
This is a conflict between Drupal's jQuery and the jQuery imported in webpack by bootstrap.
To solve it, I forced webpack to use the global jQuery (the one loaded by Drupal).

To do that, change the following in the theme's webpack.mix.js;

mix
  .setPublicPath('assets')
  .disableNotifications()
  .options({
    processCssUrls: false
  });

to:

mix
  .webpackConfig({
    externals: {
      jquery: 'jQuery'
    }
  })
  .setPublicPath('assets')
  .disableNotifications()
  .options({
    processCssUrls: false
  });

Attached is a patch against the latest release.

That patch in number 4 didn't apply for me using composer. I have re-rolled it.

It took me a long time to find this issue needing to debug quite a bit to figure out what the issue actually was.

In my case I was simply adding
```
(function ($, Drupal) {

'use strict';

Drupal.behaviors.carouselSlideEvent = {
attach: function (context) {
$('#carouselExample').on('slide.bs.carousel', function (e) {
console.log('Hello carousel');
}
};

})(jQuery, Drupal);
```

and the event was never being caught.

I was having problems adding a carousel. Maybe it was my code.

I did succeed by (fixing my code and) manually editing the theme.js file in my sub-theme using the suggestion #8 of this issue: https://www.drupal.org/project/radix/issues/3011148#comment-13028418

Note that the version of Bootstrap for me would be 4.1.3. I think 4.3.1 is incorrect.
'https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js': { type: external }

Double checking... Instead, I tried the suggestion here in #4 (editing my subtheme). And I can confirm that my carousel code is still working.

Patch #4 worked for me. It is required to allow the Bootstrap External Link Pop-up module to work.

I've provided a patch for the default subtheme kit and a workaround for current sites with radix sub-themes that solves this on #2877496: Bootstrap js doesn't load in subtheme, feedback appreciated.

Using #5 worked for me. Jwilson3's patch does not work as expected. This needs to be commited!

After trying the method described above, I couldn't notice any difference.
I suggested a patch based on the @jwilson3 approach. The patch applies fine, but it doesn't modify you current or the base radix theme , it applies only on a new starterkit created by drush.
You will need to apply the same changes on your current theme manually.
Please check the and review: https://www.drupal.org/project/radix/issues/2877496
Tested with several Bootstrap snippet from the official documentation (Accordions, Tooltips, Modals).

#4 works for me.

it is important to note that after adding the lines to webpack.mix.js it is needed to:

- Restart the "npm watch", if present.
- Clear caches.

For me, #4 is the correct solution to this particular problem, the other solution (manually inserting the libraries) work but by circumventing Webpack and its bundling capabilites.

@idiaz.roncero while #4 solved your issue, as it did mine as well, which patch cleanly applies to your starterkit? I found #5 to work when trying to include via composer. It would be great to confirm that.

I did it manually - i tried the solution, not the patch - but i'll try it as soon as possible and let you know @devkinetic.

#4 works for me.

YES! so happy about this little bugger!