Hai, saya baru mengenal Magento2 dan mencoba mencari tahu bagaimana RequireJS bekerja di Magento.
Inilah situasi saya:
Saya memiliki modul berikut:
app/code/Mymodule/Test/view/frontend/requirejs-config.js
Inilah isi dari file ini:
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'
}
}
};
Tema saya ada di lokasi ini:
app/design/frontend/Mycompany/Basic
Javascripts saya ada di lokasi berikut:
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
Dalam file PHTML:
app/code/Mymodule/Test/view/frontend/templates/home.phtml
Saya menambahkan baris:
require(['jqueryNoConflict', 'flexslider'],function($, flexslider){
(function($) {
$(window).load(function () {
$('.flexslider').flexslider();
});
})(jQuery);
});
Ketika saya memeriksa halaman saya di browser, saya mendapatkan 404 kesalahan dengan jalur:
http://mag2.com.local/pub/static/frontend/Mycompany/Basic/en_US/flexslider.js
Tetapi jika saya mengubah baris wajib [] ke ini:
require(['Mymodule_Test/js/jquery.no-conflict', 'Mymodule_Test/js/jquery.flexslider-min'],function($, flexslider){
(function() {
$(window).load(function () {
$('.flexslider').flexslider();
});
})(jQuery);
});
file sedang dimuat.
Saya juga membersihkan cache, tema saya benar, saya menjalankan perintah:
php bin/magento setup:static-content:deploy
Jadi, saya tidak bisa mencari tahu mengapa requirejs-config.js saya tidak dimuat. Saya mengikuti dokumentasi juga.
Tolong bantu