How to load a JavaScript after another JavaScript (jQuery)?

Ask your questions
, ,
1

Hey , i try to add bootstrap.min.js but i get an error that jquery is not loaded first

this is my default_head_block.xml file :

<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<head>
    <css     src="bower_components/bootstrap/dist/css/bootstrap.min.css" />
    <css     src="bower_components/bootstrap/dist/css/bootstrap-theme.min.css"/>
    <script  src="bower_components/bootstrap/dist/js/bootstrap.min.js"/>
</head>

i know magento 2 is work on requireJS AMD but i cant fild the jquery file .
i guess i need to put bootstrap on requireJS to all the pages in websites .

Another question is how to do it only at product page?
I need to override magento 2 build-in module file require.config.js?

Thanks for help,
Nir Goldman

2

Use RequireJS to load a JavaScript after another JavaScript (jQuery in your case): How to load a JavaScript on demand using RequireJS

3

Hey , thanks for the fast answer. :grinning:
i remove all the content from the require-config.js at path :

vendor/magento/module-theme/view/frontend/requirejs-config.js

and i also try to override rquirejs-config.js

app/design/frontend/Gold/theme-frontend-gold/Magento_Theme/requirejs-config.js

maybe i am not at the right place? how i could know where is the requirejs-config.js who loaded at homepage or all pages?

4

Give a link to the problem extension repository.