How to define Custom js in Custom module Magento 2Magento 2 - Load js in adminhtml area by require-jsMagento 2: Add to Cart JS Override works on product page but not on category pageOverride HTML Template from custom module not workingCustom field not sends thought additional_data in custom payment method on checkout of Magento 2Add js to module via requirejs doesn't work?Magento 2 : Add External JS Library In Custom ModuleMagento 2 Passing Php Variable to external js for custom themeActually i am trying to add banner like this it is showing slider banner but slider scrolling is working?Magento 2.1.9 - Cannot seem to overwrite JS comonent template in custom moduleMagento 2: Failed to load resource: the server responded with a status of 404 (Not Found)

Is there an English equivalent for "Les carottes sont cuites", while keeping the vegetable reference?

Is it insecure to not let a user choose their own username, and base the username on a known pattern?

Snaking a clogged tub drain

Intel 8080-based home computers

Why does FFmpeg choose 10+20+20 ms instead of an even 16 ms for 60 fps GIF images?

Is it rude to refer to janitors as 'floor people'?

What advantages do focused Arrows of Slaying have over more generic ones?

Cine footage fron Saturn V launch's

When does Fisher's "go get more data" approach make sense?

How Efficient Could Anaerobic Megafauna Be?

What "fuel more powerful than anything the West (had) in stock" put Laika in orbit aboard Sputnik 2?

How fast does a character need to move to be effectively invisible?

Adjusting vertical spacing in fractions?

More output neurons than labels?

What are the arguments for California’s nonpartisan blanket (jungle) primaries?

How could an animal "smell" carbon monoxide?

A scene of Jimmy diversity

Why do so many pure math PhD students drop out or leave academia, compared to applied mathematics PhDs?

Animal Shelter Management C++

Unix chat server making communication between terminals possible

Get back to US from Canada without passport

Sending a photo of my bank account card to the future employer

Will a contempt of congress lawsuit actually reach the merits?

Advice for paying off student loans and auto loans now that I have my first 'real' job



How to define Custom js in Custom module Magento 2


Magento 2 - Load js in adminhtml area by require-jsMagento 2: Add to Cart JS Override works on product page but not on category pageOverride HTML Template from custom module not workingCustom field not sends thought additional_data in custom payment method on checkout of Magento 2Add js to module via requirejs doesn't work?Magento 2 : Add External JS Library In Custom ModuleMagento 2 Passing Php Variable to external js for custom themeActually i am trying to add banner like this it is showing slider banner but slider scrolling is working?Magento 2.1.9 - Cannot seem to overwrite JS comonent template in custom moduleMagento 2: Failed to load resource: the server responded with a status of 404 (Not Found)






.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;








1
















app/code/vendor/module/view/frontend/requirejs-config.js




var config = 
map:
'*':
'Magento_Swatches/js/swatch-renderer' : 'Wac_SwatchName/js/swatch-renderer',
'magento-swatch.renderer' : 'Magento_Swatches/js/swatch-renderer',
'CustomName' : 'Vendor_Module/view/frontend/web/js/custom',


;



app/code/Vendor/Module/view/frontend/web/js/custom.js




$(document).on('swatch.initialized', function() 
alert('test');



Only My Custom Js file Works When my Custom module load, But now Custom js not loading Properly ,Please Check my custom js file and requirejs-config file










share|improve this question






















  • Remove the path view/frontend/web

    – Raj Mohan R
    Jul 8 at 11:59











  • correct it : 'CustomName' : 'Vendor_Module/js/custom'

    – Mukesh Prajapati
    Jul 8 at 12:02

















1
















app/code/vendor/module/view/frontend/requirejs-config.js




var config = 
map:
'*':
'Magento_Swatches/js/swatch-renderer' : 'Wac_SwatchName/js/swatch-renderer',
'magento-swatch.renderer' : 'Magento_Swatches/js/swatch-renderer',
'CustomName' : 'Vendor_Module/view/frontend/web/js/custom',


;



app/code/Vendor/Module/view/frontend/web/js/custom.js




$(document).on('swatch.initialized', function() 
alert('test');



Only My Custom Js file Works When my Custom module load, But now Custom js not loading Properly ,Please Check my custom js file and requirejs-config file










share|improve this question






















  • Remove the path view/frontend/web

    – Raj Mohan R
    Jul 8 at 11:59











  • correct it : 'CustomName' : 'Vendor_Module/js/custom'

    – Mukesh Prajapati
    Jul 8 at 12:02













1












1








1









app/code/vendor/module/view/frontend/requirejs-config.js




var config = 
map:
'*':
'Magento_Swatches/js/swatch-renderer' : 'Wac_SwatchName/js/swatch-renderer',
'magento-swatch.renderer' : 'Magento_Swatches/js/swatch-renderer',
'CustomName' : 'Vendor_Module/view/frontend/web/js/custom',


;



app/code/Vendor/Module/view/frontend/web/js/custom.js




$(document).on('swatch.initialized', function() 
alert('test');



Only My Custom Js file Works When my Custom module load, But now Custom js not loading Properly ,Please Check my custom js file and requirejs-config file










share|improve this question















app/code/vendor/module/view/frontend/requirejs-config.js




var config = 
map:
'*':
'Magento_Swatches/js/swatch-renderer' : 'Wac_SwatchName/js/swatch-renderer',
'magento-swatch.renderer' : 'Magento_Swatches/js/swatch-renderer',
'CustomName' : 'Vendor_Module/view/frontend/web/js/custom',


;



app/code/Vendor/Module/view/frontend/web/js/custom.js




$(document).on('swatch.initialized', function() 
alert('test');



Only My Custom Js file Works When my Custom module load, But now Custom js not loading Properly ,Please Check my custom js file and requirejs-config file







magento2 javascript custom-options






share|improve this question













share|improve this question











share|improve this question




share|improve this question










asked Jul 8 at 11:55









Shafeel ShaShafeel Sha

15712 bronze badges




15712 bronze badges












  • Remove the path view/frontend/web

    – Raj Mohan R
    Jul 8 at 11:59











  • correct it : 'CustomName' : 'Vendor_Module/js/custom'

    – Mukesh Prajapati
    Jul 8 at 12:02

















  • Remove the path view/frontend/web

    – Raj Mohan R
    Jul 8 at 11:59











  • correct it : 'CustomName' : 'Vendor_Module/js/custom'

    – Mukesh Prajapati
    Jul 8 at 12:02
















Remove the path view/frontend/web

– Raj Mohan R
Jul 8 at 11:59





Remove the path view/frontend/web

– Raj Mohan R
Jul 8 at 11:59













correct it : 'CustomName' : 'Vendor_Module/js/custom'

– Mukesh Prajapati
Jul 8 at 12:02





correct it : 'CustomName' : 'Vendor_Module/js/custom'

– Mukesh Prajapati
Jul 8 at 12:02










1 Answer
1






active

oldest

votes


















1














Call correct module name and file name in requirejs-config.js



 "CustomName": "Vendor_Module/js/custom"


Need to declare require method in custom.js



require([
"jquery"
], function($)
$(document).on('swatch.initialized', function()
alert('test');
);
);





share|improve this answer

























  • Is it working fine?

    – MSA
    Jul 8 at 12:05











  • clear generated folder

    – MSA
    Jul 8 at 12:07












  • rm -rf var/cache/ var/view_preprocessed/ generated/

    – MSA
    Jul 8 at 12:07













Your Answer








StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "479"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);

StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);

else
createEditor();

);

function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);



);













draft saved

draft discarded


















StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f281201%2fhow-to-define-custom-js-in-custom-module-magento-2%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown

























1 Answer
1






active

oldest

votes








1 Answer
1






active

oldest

votes









active

oldest

votes






active

oldest

votes









1














Call correct module name and file name in requirejs-config.js



 "CustomName": "Vendor_Module/js/custom"


Need to declare require method in custom.js



require([
"jquery"
], function($)
$(document).on('swatch.initialized', function()
alert('test');
);
);





share|improve this answer

























  • Is it working fine?

    – MSA
    Jul 8 at 12:05











  • clear generated folder

    – MSA
    Jul 8 at 12:07












  • rm -rf var/cache/ var/view_preprocessed/ generated/

    – MSA
    Jul 8 at 12:07















1














Call correct module name and file name in requirejs-config.js



 "CustomName": "Vendor_Module/js/custom"


Need to declare require method in custom.js



require([
"jquery"
], function($)
$(document).on('swatch.initialized', function()
alert('test');
);
);





share|improve this answer

























  • Is it working fine?

    – MSA
    Jul 8 at 12:05











  • clear generated folder

    – MSA
    Jul 8 at 12:07












  • rm -rf var/cache/ var/view_preprocessed/ generated/

    – MSA
    Jul 8 at 12:07













1












1








1







Call correct module name and file name in requirejs-config.js



 "CustomName": "Vendor_Module/js/custom"


Need to declare require method in custom.js



require([
"jquery"
], function($)
$(document).on('swatch.initialized', function()
alert('test');
);
);





share|improve this answer















Call correct module name and file name in requirejs-config.js



 "CustomName": "Vendor_Module/js/custom"


Need to declare require method in custom.js



require([
"jquery"
], function($)
$(document).on('swatch.initialized', function()
alert('test');
);
);






share|improve this answer














share|improve this answer



share|improve this answer








edited Jul 9 at 7:37

























answered Jul 8 at 11:57









MSAMSA

1,4023 silver badges17 bronze badges




1,4023 silver badges17 bronze badges












  • Is it working fine?

    – MSA
    Jul 8 at 12:05











  • clear generated folder

    – MSA
    Jul 8 at 12:07












  • rm -rf var/cache/ var/view_preprocessed/ generated/

    – MSA
    Jul 8 at 12:07

















  • Is it working fine?

    – MSA
    Jul 8 at 12:05











  • clear generated folder

    – MSA
    Jul 8 at 12:07












  • rm -rf var/cache/ var/view_preprocessed/ generated/

    – MSA
    Jul 8 at 12:07
















Is it working fine?

– MSA
Jul 8 at 12:05





Is it working fine?

– MSA
Jul 8 at 12:05













clear generated folder

– MSA
Jul 8 at 12:07






clear generated folder

– MSA
Jul 8 at 12:07














rm -rf var/cache/ var/view_preprocessed/ generated/

– MSA
Jul 8 at 12:07





rm -rf var/cache/ var/view_preprocessed/ generated/

– MSA
Jul 8 at 12:07

















draft saved

draft discarded
















































Thanks for contributing an answer to Magento Stack Exchange!


  • Please be sure to answer the question. Provide details and share your research!

But avoid


  • Asking for help, clarification, or responding to other answers.

  • Making statements based on opinion; back them up with references or personal experience.

To learn more, see our tips on writing great answers.




draft saved


draft discarded














StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fmagento.stackexchange.com%2fquestions%2f281201%2fhow-to-define-custom-js-in-custom-module-magento-2%23new-answer', 'question_page');

);

Post as a guest















Required, but never shown





















































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown

































Required, but never shown














Required, but never shown












Required, but never shown







Required, but never shown







Popular posts from this blog

Grendel Contents Story Scholarship Depictions Notes References Navigation menu10.1093/notesj/gjn112Berserkeree

Area configuration aggregation error after install Porto themeMagento 2.1 CE Installed but front/backend not loading/workingCSS not loading on page within Magento 2 pageCannot install module in Magento 2no commands defined in the “setup” namespace. in Magento2Magento 2: Static files are present but shows 404Why do i have to always run the commands to clean cache in Magento 2.1.8?Failure reason: 'Unable to unserialize value.'Error 500 after magento migrationIn production mode the site does not loadMagento 2 : Error 500 after installing

Middle Expansion Olielle Resaix Definition: Uttering songs of triumph shouting with joy triumphant exulting Sejunction Journal 붙다 달 고급 품목 외출 The stretch trades the screeching tin. Definition: The act of speaking with a drawl a drawl Cough Sand Definition: An uproar a quarrel a noisy outbreak Shake Iron Publicize Horse House Baby 사과 Resaix Flaggy Jelly Temporary Unequaled Puppet A drop in the bucket Shrew 성격 회원 성질 미팅 The burn frames the tacky quality. Materialistic The smoke reduces the way. Yammoe Nondescript Cheek 얼굴 배 약하다 날리다 타다 The illegal country shows the iron. Help Rule Drearien Smoke Teaching Meaty Wasp Abraham Lincoln Jaws 진심 수리하다 Size Cork Idea Convert Think Lark John Lennon 거울 청소 군 추천하다 아이스크림