হাই, আমি ম্যাজেন্টো 2-তে নতুন এবং কীভাবে আবশ্যকজেএস ম্যাজেন্টোতে কাজ করে তা নির্ধারণের চেষ্টা করছি।
এখানে আমার অবস্থা:
আমি নিম্নলিখিত মডিউল আছে:
app/code/Mymodule/Test/view/frontend/requirejs-config.js
এই ফাইলটির বিষয়বস্তু এখানে:
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'
}
}
};
আমার থিমটি এই স্থানে রয়েছে:
app/design/frontend/Mycompany/Basic
আমার জাভাস্ক্রিপ্টগুলি নিম্নলিখিত স্থানে রয়েছে:
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
পিএইচটিএমএল ফাইলটিতে:
app/code/Mymodule/Test/view/frontend/templates/home.phtml
আমি লাইনগুলি যুক্ত করেছি:
require(['jqueryNoConflict', 'flexslider'],function($, flexslider){
(function($) {
$(window).load(function () {
$('.flexslider').flexslider();
});
})(jQuery);
});
আমি যখন আমার পৃষ্ঠাটি ব্রাউজারে যাচাই করি, তখন আমি পাথ দিয়ে 404 ত্রুটি পাই:
http://mag2.com.local/pub/static/frontend/Mycompany/Basic/en_US/flexslider.js
তবে আমি যদি প্রয়োজনীয় [] লাইনটি এতে পরিবর্তন করি:
require(['Mymodule_Test/js/jquery.no-conflict', 'Mymodule_Test/js/jquery.flexslider-min'],function($, flexslider){
(function() {
$(window).load(function () {
$('.flexslider').flexslider();
});
})(jQuery);
});
ফাইলগুলি লোড হচ্ছে।
আমি ক্যাশেও সাফ করে দিয়েছি, আমার থিমটি সঠিক, আমি আদেশটি কার্যকর করেছি:
php bin/magento setup:static-content:deploy
সুতরাং, আমার প্রয়োজনীয়js-config.js কেন লোড হচ্ছে না তা আমি বুঝতে সক্ষম হয়েছি। আমি পাশাপাশি ডকুমেন্টেশন অনুসরণ।
সাহায্য করুন