Typescript 如何将Photosweep与Aurelia结合

我很难将Photosweep与Aurelia集成。我有编译时错误和浏览器错误。 我查看并尝试了那里的建议（除了更改打字文件，因为我不知道要更改什么），但仍然不起作用。根据另一个问题中的信息，我设法解决了编译时错误，但在初始化Photosweep时仍然出现错误：

未捕获类型错误：Photoswip_1.default不是构造函数

aurelia.json:

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

package.json:

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

我尝试了4.0.8版本的打字和Photosweep，但没有改变

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

视图模型：

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

我需要将

photosweep ui default.js

复制到我的项目根目录下的以下文件夹中，因为没有

'dist'

它就找不到（o_0）
我觉得很奇怪，虽然它在aurelia.json中被引用为一个资源，但它却无法通过

“photoswip/photoswip ui default.js”

找到它

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);

从“Photosweep”导入Photosweep；
从“Photosweep/dist/Photosweep ui Default.js”导入Photosweep ui_默认值
[...]
让pswpement=document.querySelectorAll（'.pswp'）[0]；
让gallery=新的Photosweep（pswpElement、PhotosweepUI\u默认值、this.items、this.options）；

---

有谁能帮我吗？

虽然这段代码可能会回答这个问题，但提供关于如何和/或为什么解决问题的附加上下文将提高答案的长期价值。

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