Question

我有一个依赖于PhotoSwipe和PhotoSwipeUI_Default的模块。我需要这两个模块，就像这样，在我的模块内部，我正在初始化我的画廊。 EG：

define("modules/lightboxStart", ["vendor/PhotoSwipe", "vendor/PhotoSwipeUI_Default"], function (PhotoSwipe, PhotoSwipeUI_Default) {

   var StartGallery = function(){
      var lightBox =  new PhotoSwipe($pswp, PhotoSwipeUI_Default, items, options);
            lightBox.init();
   }
   StartGallery()
}

然后该库按预期工作但要求在PhotoSwipe.js中抛出不匹配的匿名定义模块错误。

浏览完文档后，我得出结论，我需要通过require.js API运行这两个脚本（PhotoSwipe和PhotoSwipeUI_Default）。

然后我定义了每个，如下：

define('PhotoSwipe', function() {
//PhotoSwipe script here
 return PhotoSwipe
 })

和

define('PhotoSwipeUI_Default', function() {
//PhotoSwipeUI_Default script here
 return PhotoSwipeUI_Default
 })

然后消除了我之前收到的不匹配的匿名定义模块错误，但我现在收到此错误：

PhotoSwipe is not a function

我该如何解决这个问题？我本质上是试图访问PhotoSwipe.js中的PhotoSwipe函数并传递我的参数，但我无法在页面上生成大量的js错误，我无法弄清楚原因。

非常感谢！

Answer 1

define（[＆＃34; modules / lightboxStart＆＃34;，＆＃34; vendor / PhotoSwipe＆＃34;，＆＃34; vendor / PhotoSwipeUI_Default＆＃34;]，功能（lightboxStart，PhotoSwipe，PhotoSwipeUI_Default）{/ /我想是的}

Photoswipe和Require.js配置

1 个答案: