require.js的加载问题

Question

是这样的，我配置好config以后，使用Masonry的时候提示没有masonry方法，

require.config({
    paths: {
        "jquery": "jquery.min",
        "owlcarousel": "owl.carousel.min",
        "Masonry": "masonry.pkgd.min",
        "imagesloaded": "imagesloaded.pkgd.min"
    },
    shim: {
        "jquery": {
            exports: "$"
        },
        "owlcarousel": {
            deps: ["jquery"]
        },
        "Masonry": {
            deps: ["jquery"]
        },
        "imagesloaded": {
            deps: ["jquery"]
        }
    }
});
require(["jquery", "owlcarousel", "Masonry", "imagesloaded"], function($) {
    $(function() {
         ....  //代码省略
            $grids.masonry({
                itemSelector: '.grid-item',
                columnWidth: 200
            })
        ... //代码省略
        });
})

入口是这样的：

<script data-main="vendor/custom.js" src="vendor/require.js"></script>

我打开网页，查看网页dom,确认了所有的js都加载了

但是就是提示没有masonry方法：

这是什么意思啊？ 我不是依赖了masonry模块吗

Answer 1

You are loading Masonry before jQuery, hence why you are getting undefined
可以debug 检查一下 jQuery 是否加载了，否则 很容易造成 上述错误信息