Uncaught error when display modal with bootstrap events

[puikinsh]

Uncaught error when display modal with bootstrap events

[krzysiekpiasecki]

@muhammad-ihsan May I please you, if you can provide us more details how to reproduce this error? Not only a screen shot.

Can you reproduce this defect here http://adminator-bootstrap4-65.surge.sh/ui.html

[muhammad-ihsan]

just write this $('#exampleModal').modal('show'); in my console when trying to show the modal on these page http://adminator-bootstrap4-65.surge.sh/ui.html. The modal wont show if we use the modal bootstrap javascript event.

[krzysiekpiasecki]

I've reproduced it also on a clean project, when the jquery and bootstrap scripts were loaded at incorrect order.

[muhammad-ihsan]

i've download the latest version today, but nothing change

[muhammad-ihsan]

no update? 😞

[muhammad-ihsan]

🥇

[arcticwalker]

Same here. $ does not have the bootstrap modal plugin loaded. It is hidden somewhere, I had to add script tags to reload jQuery and bootstrap js again to expose the modal plugin.

[muhammad-ihsan]

Not updated yet? Still with the same error

[ngoclanbaby86]

i'm waiting.... same issue

[AlexRToledo]

Hi I have the same issue, someone fixit?

[jonathanvgms]

Hi, i'm dealing with the same issue for weeks, the only workaround i can think off is use bootstrap's javascript and it works! but if i import the javascript doesn't work the option menu of user. :/

[jvilaplana]

Same issue here.

[r15h1]

@krzysiekpiasecki, do you have an update or workaround for this issue?

[sublimedatasys]

Answer=>Hi @muhammad-ihsan , @arcticwalker

If you want to handle modal event via jquery then need to write there jquery function in the js file in assets/script where bootstrap and jquery is imported as

import * as $ from 'jquery';
import 'bootstrap';
And can perform both show and hide events without any error.
$('#myModal').modal('show')

$('#myModal').modal('hide')

Another way is to use a CDN link of Bootstrap and jquery in the HTML file.

Please note: That jquery should be imported before bootstrap. In this case the order of importing dependency is important.

Thank you