javascript - 关于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
    };
}

报错：

解决方案

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);
});

这篇关于javascript - 关于requireJS中 shim不起作用的问题。的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！