未捕获的错误:同位素/js/布局模式的脚本错误

Question

我需要使用（这是独立包）isotope.pkgd.js packery-mode 作为我的项目的布局模式。我使用 require.js 在 AMD 中连接我的 js 东西。
下面是我的 html 代码：

<div class="container">
                <div class="section">
                    <header class="section-header">
                        <div class="pull-left">
                            <h3><span class="fa fa-image"></span>Photos</h3>
                        </div>
                    </header>
                    <div class="padded_content">
                        <div id="region-gallery" class="gallery js-isotope">
                            @foreach (IPhotosComponentMediaImage image in Model.Images)
                            {
                                ++count;
                                if (w60h40Nums.Contains(count))
                                {
                                    addClasses = " w60 h40 ";
                                }
                                else if (w40Nums.Contains(count))
                                {
                                    addClasses = " w40 ";
                                }
                                else if (w60nums.Contains(count))
                                {
                                    addClasses = " w60 ";
                                }
                                else
                                {
                                    addClasses = "";
                                }
                                <div class="gallery-item isotope-item @addClasses">
                                    <div class="inner lazy" data-original="@image.MediaImageUrl" alt="@image.MediaTourName" data-description="@image.MediaImageDescription"></div>
                                </div>
                            }
                        </div>
                    </div>
                </div>
            </div>

我的渲染布局.js

define([
    'domReady!',
    'jquery',
    'underscore',
    'backbone',
    'marionette',
    'event.aggregator',
    'app',
    'util/searchOptionsUtil',
    'util/UriUtil',
        'gallery-carousel',
        'isotope',
        'packery-mode'
], function (doc, $, _, Backbone, Marionette, EventAggregator, App, SearchOptionsUtil, UriUtil, gc,Isotope, pm) {
    var regionPhotosLayout = Backbone.Marionette.Layout.extend({
        el: $('#region-photos'),
        initialize: function () {
          var $container = $('.container');
           console.log($container);
            $container.isotope({
                    itemSelector: ".gallery-item",
                    layoutMode: "packery"
                });
            var gallery = $("#region-gallery");
            //Modal carousel
            //var gallery = $("#region-gallery");
            gallery.galleryCarousel({
                imgSelector: ".inner",
                imgSrcAttr: "data-original"
            }); 
        }
    });
    return regionPhotosLayout;
});

所以当我运行我的代码时。我收到以下错误，无法找到此文件布局模式.js。我不知道为什么我会得到砖石错误。我试图在这里使用包装模式。此外，我们是否必须专门添加同位素正在寻找的布局模式.js这种模式。我尝试查找，但没有找到任何可以下载的同名文件。

GET http://local.gocollette.com/js/libs/isotope/isotope.pkgd.min/js/layout-mode.js 
Uncaught Error: Script error for: isotope/js/layout-mode
Uncaught TypeError: Cannot read property 'masonry' of undefined

提前谢谢你。希望为此找到解决方案。谢谢卡斯图里

Answer 1

同位素 pkgd 中不包含包装布局模式.js必须单独安装。我认为这是布局模式.js。

下载在这里