topic Compatibility error in "require.js" file with "bootstrap.js" 4.0 in Integration, Extension & APIs

Compatibility error in "require.js" file with "bootstrap.js" 4.0

feliperesende — Tue, 14 Aug 2018 19:19:21 GMT

Hello!

I'm developing a mashup and, at the same time, I need to use version 4.0 of the bootstrap.

However, by including the bootstrap javascript file, an error occurs in the require.js file, possibly due to the incompatibility of the two files (bootstrap.js and require.js).

When I create a new mashup from scratch, it uses version 3.3.7 of the bootstrap.

Does anyone know what the error might be when I use version 4.0 of bootstrap? Have you been through this?

Note: Here is an attached image of the error that happens.

Re: Compatibility error in "require.js" file with "bootstrap.js" 4.0

Aiham_Azmeh — Wed, 15 Aug 2018 06:15:46 GMT

Hi Felipe,

Qlik Sense is using jquery 3.0 and there is a known compatibility issue between bootstrap 4 and jquery 3 =>

https://github.com/twbs/bootstrap/issues/19433

Maybe that's the issue

I hope this helps

Re: Compatibility error in "require.js" file with "bootstrap.js" 4.0

ErikWetterberg — Wed, 15 Aug 2018 06:46:38 GMT

Hi Felipe,

I came across this some time ago, with an earlier version of Bootstrap 4. The problem is that Bootstrap 4 needs a newer version of jQuery, and the jQuery that is bundled with Qlik Sense (actully in the requirejs file) overwrites that one.

I don't know if my solution is the best, there might be a more elegant one, but I did like this, basically saving the Bootstrap4 jQuery instance before loading the qlik version, and then restoring it:

window.jQueryB = window.jQuery;

</script>

window.$ = window.jQuery = window.jQueryB;

</script>

Hope this helps

Erik Wetterberg

https://extendingqlik.upper88.com/

Re: Compatibility error in "require.js" file with "bootstrap.js" 4.0

BalaBhaskar_Qlik — Wed, 15 Aug 2018 08:35:46 GMT

Not sure, may be this helps:

https://www.syncfusion.com/forums/135709/bootstrap-4-0-compatability

Re: Compatibility error in "require.js" file with "bootstrap.js" 4.0

feliperesende — Mon, 03 Sep 2018 11:01:12 GMT

I implemented your help and it worked !!

Thank you!