Magento 2, Cannot read property 'ui' of undefined

Question

I don't get why adding my custom js file causes below issue. Please help understand the cause. Let me know if more details should be provided here.

Is it dependency issue?

edit: My requirejs-config.js in module

var config = {
    "paths":
    {
        "jQueryCustom": "myVendor_myModule/js/jquery.custom",
        "jqueryNoConflict": "myVendor_myModule/js/jquery.no-conflict",
    }
};

My jquery.no-conflict.js in module

define(['jQueryCustom'],function ()
{
    return jQuery.noConflict(true);
});

Answer 1

In your custom js you just need to add jquery/ui in require section and it will work.

require(['jquery', 'jquery/ui'], function($){ 
    alert('Test');
});

Answer 2

May be it is a jquery conflict issue. Call a custom js via requirejs-config.js instead of xml or phtml file.

Refer below links for using requirejs-config.js

Use require-config.js to load files needed on all pages

Hope it will works.

Answer 3

calling the js is incorrect. Please define the js like this in phtml

require(['jquery','jQueryCustom'], function($){

// custom codel

 }