请教一个Require.js 的问题,模块依赖没有处理好


html代码


 html


 <script type="text/javascript" data-main="resource/js/init" src="resource/js/require.js"></script>

init.js代码


 javascript


 (function() {


    require.config({
        baseUrl: 'resource/js',
        path: {
            jquery: 'jquery',
            yui: 'yui',
            grid: 'grid/mmGrid'
        }
    });

    define(['jquery'], function($){  
        return window.jQuery;  
    }); 

    require(['jquery'], function($) {
        require(['grid/mmGrid']);
    });

    require(['css!../css/base.css']);
}());

错误信息:
图片描述
mmGrid 这个插件是依赖jQuery的,在加载时没有取到$对象报错了,请教各位我应该怎么修改呢?

JavaScript requirejs

搬砖DNG 9 years, 11 months ago

使用requireJs异步加载jQuery,只要在config中配好jquery的路径,是不需要再额外定义define函数的,因为在jquery源码中,已经支持了AMD的模块加载,实现了define函数。


 define(['jquery'], function($){  
        return window.jQuery;  
    });

所以上面这段代码是没有任何意义的,应该去掉。
看你的代码,觉得你可能对requireJs的基本使用没什么概念,可以看一下这篇阮一峰老师的 介绍

火幻→宵风 answered 9 years, 11 months ago

加上这个试试


 requirejs.config( {
    "shim": {
        "grid"  : ["jquery"]
    }
} );

这个是一个安装jquery插件的例子
https://github.com/requirejs/example-jquery-shim

这个是官方的说明
http://requirejs.org/docs/jquery.html

这个是stackvoerflow的讨论
http://stackoverflow.com/questions/10918063/how-to-make-a-jquery-plugin-loadable-with-requirejs

加一个老外的文章
http://www.simonewebdesign.it/how-to-load-jquery-plugins-with-requirejs/

式波·明日香 answered 9 years, 11 months ago

Your Answer