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

发布于 2022-09-03 23:51:22 字数 642 浏览 11 评论 0

仿照别人的例子写的,官网也查了,可是就是会报错:对不符合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

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

静谧 2022-09-10 23:51:23

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

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

}

说不完的你爱 2022-09-10 23:51:23

其实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的对象这样就可以用了
花开雨落又逢春i 2022-09-10 23:51:22
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);
});

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文