Photosure with Aurelia를 통합하는 방법

Question

Photosure와 Aurelia를 통합하는 데 정말 어려움이 있습니다. 컴파일 시간 오류 및 브라우저 오류가 발생했습니다. 나는 this question을보고 거기에 제안 된 것을 시도했다. (타이핑 파일의 변경을 제외하고, 내가 무엇을 바꿀 지 모르기 때문에), 그러나 여전히 작동하지 않는다. 다른 질문의 정보와 함께 I는 컴파일 시간 오류를 해결하기 위해 관리하지만 Photoswipe 초기화 할 때 나는 여전히 오류가 발생합니다 :

Uncaught TypeError: photoswipe_1.default is not a constructor

aurelia.json :

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

package.json을 :

타이핑과 photoswipe 모두 버전 4.0.8에서 시도했지만 변경되지 않았습니다.

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

뷰 모델 : 'dist'없이이 (o_0)
나는 정말 이상한 그것을 찾을 찾을 수 없기 때문에 나는 내 프로젝트 루트에서 아래 폴더에 photoswipe-ui-default.js을 복사하는 데 필요한

aurelia.json에서 자원으로 참조되어 있지만 "photoswipe/photoswipe-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); 

나를 도울 수있는 사람은 누구입니까?

Answer 1

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