未捕获的错误：通过require.js加载非AMD脚本时没有定义调用

Question

I have one non AMD javascript that contain my custom functions such as:

function getItemIndexById(items, id){
   for(var i = 0; i < items.length; i++){
       if(items[i].ID == id) return i;
   }
   return false;
}
//more than one define custom function here.

Here main.js file :

requirejs.config({
 enforceDefine: true,
 paths: {
    "jquery": "libs/jquery/jquery-min",
    "underscore": "libs/underscore/underscore-min",
    "backbone": "libs/backbone/backbone-min",
    "custom" : "libs/scripts/customejs"
},
shim: {
    "underscore": {
        deps: [],
        exports: "_"
    },
    "backbone": {
        deps: ["jquery", "underscore"],
        exports: "Backbone"
    }
}
});

Then I define in my view :

define(["jquery" ,
        "underscore" ,
        "backbone" ,
        "custom"
],function($ , _ , Backbone, Custom){
  //.....
}

I got an error in Uncaught Error: No define call for custom .

Do I have to convert my custom js into AMD? Could anyone explain me about this issue please. Thanks.

Answer 1

There are a few common reasons for this issue described in the Require documentation .

In this case it is most likely because you are using enforceDefine: true and the "custom" js file does not call define() .

You will need to set enforceDefine: false or add a proper shim for the custom code.

The purpose of a shim is to allow Require to load non-AMD code. It works by loading the code and verifying that the script created a property in the global space, as defined by the exports property.

In your case, you could use getItemIndexById as the exports value:

shim: {
   "custom": {
      exports: "getItemIndexById"
   }

When you used Custom as the exports value it didn't work because your script did not create a variable called Custom

Read more about shim here