关于requireJS中 shim不起作用的问题。

仿照别人的例子写的,官网也查了,可是就是会报错:对不符合AMD规范的js脚本使用shim做导出配置,报错说是没有这个undefined

requirejs.config({
    paths: {
        moduleC : 'moduleC'
    },
    shim: {
        'moduleC':{
            exports: 'moduleC'
        }
    }
});

requirejs(['moduleC'],function(moduleC){
    moduleC.foo(1,2);
});

moduleC.js如下:


function moduleC() {
    var foo = function (a, b) {
        return a - b;
    };

    return {
        foo: foo
    };
}

报错:

clipboard.png

阅读 3.7k
3 个回答
moduleC.js:

(function() {
    var foo = function (a, b) {
        return a - b;
    };

    this.moduleC = {foo: foo}; // 没有用AMD规范,那么除了绑定在已有的变量中,比如jquery的插件。另外就只能绑定到全局下面,否则是识别不了的。你上面的那种return的写法,那是AMD规范才那么写,你现在的shim就是针对不符合AMD规范的模块,所以不能那么写。
}(this));
main.js:

requirejs.config({
    paths: {
        'moduleC' : 'moduleC'
    },
    shim: {
        'moduleC':{
            exports: 'moduleC' // exports的值必须和moduleC.js里面要导出的值相同,他才能解析得到
        }
    }
});

require(['moduleC'], function(mc) { // 而这个值只是个变量名,所以我随便取什么都行,比如这里的mc
    console.log(mc);
});

为什么不把 moduleC.js写成ADM规范的?
类似:
defined([],function() {

var foo = function (a, b) {
    return a - b;
};
return {
    foo: foo
};

}

其实2楼说的已经很完善了。不过你调试就发现moduleC.js其实加载了,至于报错是因为只是单纯的加载了moduleC.js。而没有调用你的moduleC()函数。

moduleC().foo(1, 2); //你可以这么写
//moduleC现在还是个函数,而这个函数是:
function moduleC() {
    var foo = function (a, b) {
        return a - b;
    };

    return {
        foo: foo
    };
}
//moduleC()后就是你return的对象这样就可以用了
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题