Question

我很难将Photoswipe与Aurelia集成。我有编译时错误和浏览器错误。我查看了this question并尝试了那里的建议（除了更改打字文件，因为我不知道要改变什么），但它仍然没有用。使用来自其他问题的信息，我设法解决了编译时错误，但在初始化Photoswipe时仍然出现错误：

未捕获的TypeError：photoswipe_1.default不是构造函数

aurelia.json：

{
    "name": "photoswipe",
    "main": "photoswipe",
    "path": "../node_modules/photoswipe/dist",
    "resources": [
      "photoswipe-ui-default.js"
    ]
}

的package.json：

我尝试使用版本4.0.8进行打字和照片擦除，但没有变化。

"@types/photoswipe": "^4.0.27",
"photoswipe": "^4.1.2",

视图模型：

我需要将photoswipe-ui-default.js复制到项目根目录下面的文件夹中，因为找不到'dist'（o_0）
我觉得奇怪的是它无法通过"photoswipe/photoswipe-ui-default.js"找到它，尽管它在aurelia.json中被引用为资源。

import PhotoSwipe from "photoswipe"; 
import PhotoSwipeUI_Default from "photoswipe/dist/photoswipe-ui-default.js"
[...]
let pswpElement = <HTMLElement>document.querySelectorAll('.pswp')[0];
let gallery = new PhotoSwipe( pswpElement, PhotoSwipeUI_Default, this.items, this.options);

任何可以帮助我的人？

Answer 1

import * as PhotoSwipe from "photoswipe"; 
import * as PhotoSwipeUI_Default from "photoswipe/photoswipe-ui-default"

如何将Photoswipe与Aurelia合并

1 个答案: