Ciao, sono nuovo di Magento2 e sto cercando di capire come RequireJS funziona in Magento.
Ecco la mia situazione:
Ho il seguente modulo:
app/code/Mymodule/Test/view/frontend/requirejs-config.js
Ecco il contenuto di questo file:
var config = {
map: {
'*': {
jQuery110: "Mymodule_Test/js/jquery-1.10.2",
jqueryNoConflict: 'Mymodule_Test/js/jquery.no-conflict',
flexslider: 'Mymodule_Test/js/jquery.flexslider-min',
header: 'Mymodule_Test/js/store/header'
}
}
};
Il mio tema è in questa posizione:
app/design/frontend/Mycompany/Basic
I miei Javascripts si trovano nella seguente posizione:
app/code/Mymodule/Test/view/frontend/web/js/jquery.no-conflict.js
app/code/Mymodule/Test/view/frontend/web/js/jquery.flexslider-min.js
app/code/Mymodule/Test/view/frontend/web/js/store/header.js
Nel file PHTML:
app/code/Mymodule/Test/view/frontend/templates/home.phtml
Ho aggiunto le righe:
require(['jqueryNoConflict', 'flexslider'],function($, flexslider){
(function($) {
$(window).load(function () {
$('.flexslider').flexslider();
});
})(jQuery);
});
Quando controllo la mia pagina nel browser, ottengo un errore 404 con i percorsi:
http://mag2.com.local/pub/static/frontend/Mycompany/Basic/en_US/flexslider.js
Ma se cambio la riga request [] in questo:
require(['Mymodule_Test/js/jquery.no-conflict', 'Mymodule_Test/js/jquery.flexslider-min'],function($, flexslider){
(function() {
$(window).load(function () {
$('.flexslider').flexslider();
});
})(jQuery);
});
i file si stanno caricando.
Ho anche cancellato la cache, il mio tema è corretto, ho eseguito il comando:
php bin/magento setup:static-content:deploy
Quindi, non sono in grado di capire perché il mio requestjs-config.js non si sta caricando. Ho seguito anche la documentazione.
Per favore aiuto